how to use QHBoxLayout and QVBoxLayout in PySdie2

-
it is very simple and easy to layout widgets with QH(V)BoxLayout.
in this page, I will introduce how to use them with example code.

have a look at below example code.


from PySide2.QtWidgets import QApplication, QVBoxLayout, QHBoxLayout, QPushButton, QWidget

app = QApplication([])

widget = QWidget()
btn1 = QPushButton("btn1")
btn2 = QPushButton("btn2")
btn3 = QPushButton("btn3")
btn4 = QPushButton("btn4")
btn5 = QPushButton("btn5")

hLayout = QHBoxLayout()
hLayout.addWidget(btn1)
hLayout.addWidget(btn2)
hLayout.addWidget(btn3)
hLayout.addWidget(btn4)
hLayout.addWidget(btn5)

widget.setLayout(hLayout)
widget.show()

app.exec_()


first of all, we have to import widgets that we will use. in this example code, I will use QApplication, QVBoxLayout, QHBoxLayout, QPushButton and QWidget. so I imported them. like below.


from PySide2.QtWidgets import QApplication, QVBoxLayout, QHBoxLayout, QPushButton, QWidget

and then, I created QApplication object. and I created QWidget object that will be our main window widget. every widget can have layout that arrange the children of the widget.


widget = QWidget()

I created 5 buttons. the constructor's parameter will be label of button.


btn1 = QPushButton("btn1")
btn2 = QPushButton("btn2")
btn3 = QPushButton("btn3")
btn4 = QPushButton("btn4")
btn5 = QPushButton("btn5")

I will add the button widgets to QHBoxLayout that arrange the widgets horizontally.


hLayout = QHBoxLayout()
hLayout.addWidget(btn1)
hLayout.addWidget(btn2)
hLayout.addWidget(btn3)
hLayout.addWidget(btn4)
hLayout.addWidget(btn5)

lastly, I set the QHBoxLayout to our main widget's layout. and then, I make the widget shown. finally, I execute the main loop by calling app.exec_()


widget.setLayout(hLayout)
widget.show()

app.exec_()

the result is like below.


the way to use QVBoxLayout is very similar to QHBoxLayout.
just modify the line that create QHBoxLayout object to QVBoxLayout.


hLayout = QVBoxLayout()

the result is like below








Comments

Post a Comment

Popular posts from this blog

making menubar and menu on QML

-
Image
Qt Quick Control module has ApplicationWindow object that has menubar, toolbar, footer and contents areas. in this page, I will introduce how to make menubar. first of all, we need application engine in python. so you can learn the way how to make the application object in python from  how to use Qt Quick Controls in PySdie2 we need simple window like below. import QtQuick 2.13 import QtQuick.Controls 2.13 ApplicationWindow { visible: true width: 720 height: 480 title: "simple window" } WindowApplication is invisible by default. so, we should set the visibility to true. and the properties that I used above are derived from QML Item object. ApplicationWindow has its own properties like below. activeFocusControl : Control background : Item contentData : list contentItem : Item font : font footer : Item header : Item locale : Locale menuBar : Item palette : palette we will focus on only menubar property of them in this pa...
Read more

let's try to install python on windows 10

-
Image
let's try to install python on windows 10 first of all, we must download installation file from official python homepage . if you click the link, you can see below screen. click downloads menu. when I see the homepage, latest version is 3.8.0 after downloading the installation file, execute that file. and then, you can see below screen first. Install Now -> default settings. if you choose this option, installation will start. Customize Installation -> you can change the location that python will be installed in. and you can change installation options. recommendation : check "Add Python 3.8 to PATH". if you check this, Python can search for modules that you installed. if you choose "Install Now", installation process is done. but, if you choose "Customize installation", you will see below screen. Documentation ->if you check this, python documentation will be installed as well. pip ->this is recommended. ...
Read more

isalpha, isdigit and isalnum functions in python

-
Image
we can check whether any string is consist of alphabet or numeric or both in python. let's learn each function one by one str.isalpha() this function will return true if all characters in the string are alphabet. otherwise, return false. str.isdigit() this function will return true if all characters in the string are digit. otherwise, return false. str.isalnum() this function is combined with isdigit and isalpha. if all characters are digit number or alphabet, this function will return true. otherwise return false. you can learn them well from code. str1 = "python" str2 = "python " str3 = "123" str4 = "python3" str5 = "python3.7" print ( '"python" -> isalpha: {}, isdigit: {}, isalnum: {}' . format(str1 . isalpha(), str1 . isdigit(), str1 . isalnum())) print ( '"python " -> isalpha: {}, isdigit: {}, isalnum: {}' . format(str2 . isalpha(), str2 . isdigit(), str2 . is...
Read more