首页 > Python GUI编程 阅读数:31

GUI常用的2种布局方式

GUI 的布局管理是 GUI 开发中非常重要的一个环节。一个设计良好的 GUI 界面,其对应的布局管理也是必不可少的。其中,布局管理就是管理窗口中部件的放置。常用两种方式来实现布局:绝对位置布局(Absolute Layout)和布局类(QLayout)。

绝对位置布局

组件不放在布局管理器中,而通过函数 setGeometry(x, y, width, height)来设定组件相对其父窗口的位置。其中,x,y 是组件左上角的坐标,width,height 是组件的宽和高。在绝对位置布局中,resize( ) 函数可以调整组件尺寸,setGeometry( ) 函数可以调整组件位置和尺寸,甚至重载 sizeHint( ) 函数也可以设定组件尺寸。

采用绝对位置布局方式,组件的位置和尺寸固定,并不会随着父窗口位置和尺寸的改变而发生改变。

【例 1】绝对位置布局的实现。具体代码如下:
import sysfrom PyQt5.QtWidgets import QWidget, QLabel, QApplication,
class Example(QWidget):
    def __init__(self):
        super().__init__()
        seif.initUT()
    def initUI(self):
        #使用move()方法定位了每个元素,使用x, y坐标。x, y坐标的原点是程序的左上角
        lbl1 = QLabel('Zetcode', self)
        #这个元素的左上角就在从这个程序的左上角开始的(15, 10)的位置
        lbl1.move(15, 10)
        lbl2 = QLabel ('tutorials', self)
        lbl2.move(35, 40)
        lbl3 = QLabel('for programmers', self)
        Ibl3.movq(55, 70)
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Absolute')
        self.show()
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

布局类简介

常用的布局类如下:
  • 水平布局管理器(QHBoxLayout)可以把添加的控件以水平的顺序依次排开;
  • 垂直布局管理器(QVBoxLayout)可以把添加的控件以垂直的顺序依次排开;
  • 网格布局管理器(QGridLayout)可以以网格的形式把添加的控件以一定矩阵排列;
  • 窗体布局管理器(QFormLayout)可以以两列的形式排列所添加的控件。

使用布局管理器的优点是,组件的布局根据用户设置和系统自行布局确定位置和尺寸,布局方式灵活,且组件的尺寸可以根据情况发生恰当的改变,布局美观。

布局类进阶

1.水平(垂直)布局管理器[QHBoxLayout(QVBoxLayout)]
  • QHBoxLayout:按照从左到右的顺序添加控件。
  • QVBoxLayout:按照从上到下的顺序添加控件。

QHBoxLayout 和 QVBoxLayout 的用法基本相同。这里以水平布局管理器(QHBoxLayout)为例来进行说明。

QHBoxLayout 类中的常用方法如下:
  • addLayout(self, QLayout, stretch=0):在窗口的右边添加布局,使用 stretch 进行伸缩,默认伸缩量为 0;
  • addWidget(self, QWidget, stretch, Qt.Alignment alignment):在布局中添加控件,其中 stretch 只适用于 QBoxLayout,控件和窗口会随着伸缩量的变大而增大;alignment 用于指定对齐方式;
  • addSpacing(self, int):设置各控件的上下间距。通过该方法可以增加额外的空间。

【例 2】实现水平布局。具体代码如下:
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QHBoxLayout, QVBoxLayout
class Exp(QWidget):
    def __init__(self):
        super().__init__()
        seif.initUI()
    def initUI(self):
        okbuttcn = QPushButton('OK')
        cancelbutton = QPushButton('Cancel')
        hbox = QHBoxLayout()
        hbox.addStretch()
        hbox.addWidget(okbutton)
        hbox.addWidget(cancelbutton)
        vbox = QVBoxLmyout()
        vbox.addStretch()
        vbox.addLayout(hbox)
        self.setLayout(vbox)
        self.setGeometry(300, 300, 300, 200)
        seif.setWindowTitle('Layout Management')
        self.show()
if __name__  == '__main__' :
    app = QApplication(sys.argv)
    ex = Exp()
    sys.exit(app.exec_())

2.网格布局管理器(QGridLayout)

QGridLayout 将窗口分隔成行和列的网格来进行排列。通常可以使用 addWidget( ) 函数将被管理的控件(Widget)添加到窗口中,或者使用 addLayout( ) 函数将布局(Layout)添加到窗口中。也可以使用 addWidget( ) 函数对所添加的控件设置行数和列数的跨越,最终实现网格占据多个窗格。

QGridLayout 类中的常用方法如下:

1)  addWidget(QWidget widget, int row, int column, int alignment=0):给网格布局添加控件,设置指定的行和列。起始位置的默认值为 (0,0)。其中,widget 表示所添加的控件;row 表示控件的行数,默认从 0 开始;column 表示控件的列数,默认从 0 开始;alignment 表示对齐方式。

2) addWidget(QWidget widget, int fromRow, int fromColumn, int rowSpan, int columnSpan, Qt.Alignment alignment=0):当所添加的控件跨越很多行或列时,使用这个函数。其中,widget 表示所添加的控件,fromRow 表示控件的起始行数,fromColumn 表示控件的起始列数,rowSpan 表示控件跨越的行数,columnSpan 表示控件跨越的列数,alignment 表示对齐方式。该方法用于设置控件在水平和垂直方向的间隔。

【例 3】实现网格布局。具体代码如下:
import sys
from PyQt5.QtWidgets import(QApplication, QWidget, QPushButton, QGridLayout)
class Example(QWidget):
    def __init__(self):
        super() .__init__()
        self.initUI()
    def initUI(self):
        grid = QGridLayout()
        self.setLayout(grid)
        names =[' '(', ')', '%', 'c',
       '7', '8', '9', '/',
       '4', '5', '6', '*'
       '1', '2', '3', '-'
       '0', '.', '=', '+',]
    positions = [(i, j) for i in range(5) for j in range(4)]
    for position, name in zip(positions, names):
        if name == ' ':
            continue
        button = QPushButton(name)
        grid.addWidget(button, *position)
    self.move(300, 150)
    self.setWindowTitle('计算器' )
    self.show()
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())