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',
'7', '8', '9', '/',
'4', '5', '6', '*',
'1', '2', '3', '-',
'0', '.', '=', '+']
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_())