Python pyQt4/PyQt5 学习笔记3(绝对对位,盒布局,网格布局)

本节研究布局管理的内容。

（一）绝对对位 

import sys
from PyQt4 import QtGui

class Example(QtGui.QWidget):

    def __init__(self):
        super(Example, self).__init__()

        self.initUI()

    def initUI(self):

        lbl1 = QtGui.QLabel('ZetCode', self)
        lbl1.move(15, 10)

        lbl2 = QtGui.QLabel('tutorials', self)
        lbl2.move(35, 40)

        lbl3 = QtGui.QLabel('for programmers', self)
        lbl3.move(55, 70)        

        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Absolute')
        self.show()

def main():

    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

运行效果：

在这种方式中，编程者指定各种部件的位置和大小。但是当你使用绝对定位时，需要知道有以下的限制： 
- 如果我们改变窗口的大小，部件的大小和位置并不会改变。 
- 你的应用在不同平台下可能长得不太一样。 
- 改变应用中使用的字体可能会扰乱布局。 
- 如果我们想改变现有的布局的话，我们必须完全重写布局，这很乏味而且浪费时间。

PyQt5相同功能的例子：（macOS版本）

 import sys
 from PyQt5.QtWidgets import QWidget,QApplication,QLabel

 class Example(QWidget):
     def __init__(self):
         super(Example,self).__init__()
         self.initui()

     def initui(self):
         lab1=QLabel('blue',self)
         lab1.move(15,10)

         lab2=QLabel('red',self)
         lab2.move(35,40)

         lab3=QLabel('green',self)
         lab3.move(55,70)

         self.setGeometry(300,300,250,150)
         self.setWindowTitle('testSample')
         self.show()

 def main():
     app=QApplication(sys.argv)
     ex=Example()
     sys.exit(app.exec_())

 if __name__=='__main__':
     main()

（二）盒布局(Box layout)

import sys
from PyQt4 import QtGui

class Example(QtGui.QWidget):

    def __init__(self):
        super(Example, self).__init__()

        self.initUI()

    def initUI(self):

        okButton = QtGui.QPushButton("OK")
        cancelButton = QtGui.QPushButton("Cancel")

        hbox = QtGui.QHBoxLayout()
        hbox.addStretch(1)
        hbox.addWidget(okButton)
        hbox.addWidget(cancelButton)

        vbox = QtGui.QVBoxLayout()
        vbox.addStretch(1)
        vbox.addLayout(hbox)

        self.setLayout(vbox)    

        self.setGeometry(300, 300, 300, 150)
        self.setWindowTitle('Buttons')
        self.show()

def main():

    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

效果如下：

这个例子中我们将两个按钮放在了窗口的右下角。即使我们改变窗口的大小，它们也会在那个地方

相同功能的PyQt5的例子：（macOS例子）

 import sys
 from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QHBoxLayout,QVBoxLayout

 class Exaple(QWidget):
     def __init__(self):
         super().__init__()
         self.initui()

     def initui(self):
         btn1=QPushButton("OK")
         btn2=QPushButton("Cancel")

         #QHBoxLayout和QVBoxLayout两个布局类。
         #这里我们创建了一个水平箱布局，并且增加了一个拉伸因子和两个按钮。
         # 拉伸因子在两个按钮之前增加了一个可伸缩空间。这会将按钮推到窗口的右边。
         hbox=QHBoxLayout()
         hbox.addStretch(1)
         hbox.addWidget(btn1)
         hbox.addWidget(btn2)

         #我们把水平布局放置在垂直布局内。
         # 拉伸因子将把包含两个按钮的水平箱布局推到窗口的底边。
         vbox=QVBoxLayout()
         vbox.addStretch(1)
         vbox.addLayout(hbox)
         self.setLayout(vbox)

         self.setGeometry(300,300,300,150)
         self.show()

 if __name__=='__main__':

         app=QApplication(sys.argv)
         ex=Exaple()
         sys.exit(app.exec_())

（三）网格布局

 #网格布局演示，PyQt5,macOS的例子
 import sys
 from PyQt5.QtWidgets import QApplication,QWidget,QGridLayout,QPushButton

 class Example(QWidget):
     def __init__(self):
         super().__init__()
         self.initui()

     def initui(self):
         #创建了一个全是按钮的网格布局。并且把这个类设为应用窗口的布局
         grid=QGridLayout()
         self.setLayout(grid)

         names=['Cls', 'Bck', '', 'Close',
                  '', '', '', '/',
                 '', '', '', '*',
                  '', '', '', '-',
                 '', '.', '=', '+']
         pos=[(i,j) for i in range(5) for j in range(4)]
         for p,name in zip(pos,names):
             if name=='':
                 continue
             #创建出按钮组件，并使用addWidget()方法向布局中添加按钮。
             button=QPushButton(name)
             grid.addWidget(button,*p)

         self.move(300,150)
         self.setWindowTitle('calc')
         self.show()

 if __name__=='__main__':
     app=QApplication(sys.argv)
     ex=Example()
     sys.exit(app.exec_())

（三）一个网格布局的例子

 import sys
 from PyQt5.QtWidgets import (QWidget,QLabel,QLineEdit,QTextEdit,QGridLayout,QApplication)

 class Exaple(QWidget):
     def __init__(self):
         super().__init__()
         self.initui()

     def initui(self):
         #包含三个标签，两个单行编辑框和一个文本编辑框组件的窗口。
         # 布局使用了QGridLayout布局
         title=QLabel('Title')
         author=QLabel('Author')
         review=QLabel('Review')
         titleEdit=QLineEdit()
         authorEdit=QLineEdit()
         reviewEdit=QTextEdit()

         #创建了一个网格布局并且设置了组件之间的间距
         grid=QGridLayout()
         grid.setSpacing(10)

         grid.addWidget(title,1,0)
         grid.addWidget(titleEdit,1,1)

         grid.addWidget(author,2,0)
         grid.addWidget(authorEdit,2,1)

         grid.addWidget(review,3,0)
         #如果我们向网格布局中增加一个组件，我们可以提供组件的跨行和跨列参数。
         # 在这个例子中，我们让reviewEdit组件跨了5行。
         grid.addWidget(reviewEdit,3,1,5,1)

         self.setLayout(grid)

         self.setGeometry(300,300,300,300)
         self.setWindowTitle('Review')
         self.show()

 if __name__=='__main__':
     app=QApplication(sys.argv)
     ex=Exaple()
     sys.exit(app.exec_())