[PyQt Tutorial]6.Layout Management(布局管理)
接下来这个专题介绍PyQt的一些内容
教程翻译自:
https://www.tutorialspoint.com/pyqt/pyqt_introduction.htm
由于本人也是学习状态,翻译可能不准确,请及时指出,我会很快修正
一些关键字会直接使用英文
目前该专题为纯理论,实际操作在完成后有演示
1. 绝对位置
我们可以使用setGeometry() 方法设置widget在窗体上的位置和大小
import sys
from PyQt4 import QtGui
def window():
app = QtGui.QApplication(sys.argv)
w = QtGui.QWidget()
b = QtGui.QPushButton(w)
b.setText("Hello World!")
b.move(50,20)
w.setGeometry(10,10,300,200)
w.setWindowTitle(“PyQt”)
w.show()
sys.exit(app.exec_())
if __name__ == '__main__':
window()
上面例子中
最外层Widget 300*200 像素大小 在显示器中位置为(10,10)
QPushButton 放在靠窗体右边50像素,窗体下面20像素的位置
绝对位置的劣处
- 当窗体改变大小时不会自动变化
- 不同设备不同分辨率上显示不一致
- 更改布局可能需要重新设计代码
2. 自动布局
PyQt 提供一种方便的自动的布局方式,他可以
- 窗体上的widget会随着窗体的大小改变而自动改变
- 确保不同设备不同分辨率有同意的显示
- 更改某个widget不用重新设计代码
如下为一些常用的布局方式
2.1 QBoxLayout
将widget 垂直或水平排列在一起
该布局通过如下2个类创建
- QVBoxLayout 垂直排列
- QHBoxLayout 水平排列
他们有如下方法:
addWidget()
增加一个widget到BoxLayout
addStretch()
增加一个空的空间到BoxLayout
addLayout()
增加另一个嵌套的BoxLayout
应用举例
import sys
from PyQt4.QtCore import *
from PyQt4.QtGui import *
def window():
app = QApplication(sys.argv)
win = QWidget()
b1 = QPushButton("Button1")
b2 = QPushButton("Button2")
vbox = QVBoxLayout()
vbox.addWidget(b1)
vbox.addStretch()
vbox.addWidget(b2)
hbox = QHBoxLayout()
b3 = QPushButton("Button3")
b4 = QPushButton("Button4")
hbox.addWidget(b3)
hbox.addStretch()
hbox.addWidget(b4)
vbox.addStretch()
vbox.addLayout(hbox)
win.setLayout(vbox)
win.setWindowTitle("PyQt")
win.show()
sys.exit(app.exec_())
if __name__ == '__main__':
window()
下面的例子创建一个QVBoxLayout 和一个QHBoxLayout
各放置2个button 之后将hbox嵌套至vbox
更多例子请参考
https://www.tutorialspoint.com/pyqt/pyqt_qboxlayout_class.htm
2.2 QGridLayout
网格布局方式将widget按照表格(行列)的方式排列起来
我们可以将widget 放在制定的行和列中
可选的 我们还可以扩展行和列的大小,这样可使其相对于其他的widget更高和宽
它有如下方法
addWidget(QWidget, int r, int c)
在指定的行列增加widget
addWidget(QWidget, int r, int c, int rowspan, int columnspan)
在指定的行列增加widget并设定大小
addLayout(QLayout, int r, int c)
使用addLayout可以将其他layout插入到指定行列
应用举例
import sys
from PyQt4.QtCore import *
from PyQt4.QtGui import *
def window():
app = QApplication(sys.argv)
win = QWidget()
grid = QGridLayout()
for i in range(1,5):
for j in range(1,5):
grid.addWidget(QPushButton("B"+str(i)+str(j)),i,j)
win.setLayout(grid)
win.setGeometry(100,100,200,100)
win.setWindowTitle("PyQt")
win.show()
sys.exit(app.exec_())
if __name__ == '__main__':
window()
上面的程序首先新建一个QGridLayout
之后使用循环的形式增加QPushButton
2.3 QFormLayout
该布局可以让我们很方便的创建一个表单布局
即只有两列的网格布局
第一列为label 第二列为输入框
它有如下3个方法
addRow(QLabel, QWidget)
增加包含label和input的一行
addRow(QLabel, QLayout)
在第二列增加一个Layout
addRow(QWidget)
增加一个widget,该widget扩展在两列
应用举例
代码很简单,看下就行
import sys
from PyQt4.QtCore import *
from PyQt4.QtGui import *
def window():
app = QApplication(sys.argv)
win = QWidget()
l1 = QLabel("Name")
nm = QLineEdit()
l2 = QLabel("Address")
add1 = QLineEdit()
add2 = QLineEdit()
fbox = QFormLayout()
fbox.addRow(l1,nm)
vbox = QVBoxLayout()
vbox.addWidget(add1)
vbox.addWidget(add2)
fbox.addRow(l2,vbox)
hbox = QHBoxLayout()
r1 = QRadioButton("Male")
r2 = QRadioButton("Female")
hbox.addWidget(r1)
hbox.addWidget(r2)
hbox.addStretch()
fbox.addRow(QLabel("sex"),hbox)
fbox.addRow(QPushButton("Submit"),QPushButton("Cancel"))
win.setLayout(fbox)
win.setWindowTitle("PyQt")
win.show()
sys.exit(app.exec_())
if __name__ == '__main__':
window()
- windows下nvm安装node之后npm命令找不到问题解决办法
- 元素加了position:absolute则该元素的text-align:center居中失效的解决办法
- Chrome设置断点的各种姿势
- React-native踩坑小记
- 带修改莫队算法
- P2590 [ZJOI2008]树的统计
- #103. 子串查找
- P2051 [AHOI2009]中国象棋
- P2216 [HAOI2007]理想的正方形(二维RMQ)
- P3376 【模板】网络最大流(70)
- android客服端+eps8266+单片机+路由器之远程控制系统
- P2740 [USACO4.2]草地排水Drainage Ditches
- P1343 地震逃生
- html5 移动适配写法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法