PyQt5 布局

18 篇文章 0 订阅

绝对位置

程序员以像素为单位指定每个小部件的位置和大小。 当您使用绝对定位时,我们必须了解以下限制:

  1. 如果我们调整窗口大小,则小部件的大小和位置不会改变
  2. 各种平台上的应用可能会有所不同
  3. 在我们的应用程序中更改字体可能会损坏布局
  4. 如果我们决定改变我们的布局,我们必须彻底重做布局,这很浪费时间

栗子1

我们将小部件置于绝对坐标中

#coding = 'utf-8'
import sys
from PyQt5.QtWidgets import (QWidget, QPushButton, QApplication)

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.Init_UI()
    def Init_UI(self):
        self.setGeometry(300,300,400,300)
        self.setWindowTitle('早点毕业吧')
"""
我们使用move()方法来定位我们的小部件。我们通过提供x和y坐标来定位它们。坐标系的开始位于左上角.x值从左到右增长。y值不变。
"""
        bt1 = QPushButton('剪刀',self)
        bt1.move(50,250)

        bt2 = QPushButton('石头',self)
        bt2.move(150,250)

        bt3 = QPushButton('布',self)
        bt3.move(250,250)
        self.show()

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

箱式布局

QHBoxLayout和QVBoxLayout是基本的布局类,它们在水平和垂直方向上排列小部件。
想像一下,我们想在右下角放置三个按钮。 要创建这样一个布局,我们使用一个水平和一个垂直方框。 为了创建必要的空间,我们添加一个拉伸因子。

栗子2

"""
示例在窗口的右下角放置了三个按钮。 当我们调整应用程序窗口大小时,它们会留在那里,
我们同时使用一个HBoxLayout和一个QVBoxLayout。
"""
import sys
from PyQt5.QtWidgets import (QWidget, QPushButton, QApplication, QHBoxLayout, QVBoxLayout)

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.Init_UI()
    def Init_UI(self):
        self.setGeometry(300,300,400,300)
        self.setWindowTitle('早点毕业吧')

        bt1 = QPushButton('剪刀', self)
        bt2 = QPushButton('石头', self)
        bt3 = QPushButton('布', self)
"""
我们创建一个水平框布局,并添加一个拉伸因子和三个按钮。
这个拉伸在三个按钮之前增加了一个可伸缩的空间。这将把它们推到窗口的右边。
"""
        hbox = QHBoxLayout()
        hbox.addStretch(1)
        hbox.addWidget(bt1)
        hbox.addWidget(bt2)
        hbox.addWidget(bt3)
"""
水平布局放置在垂直布局中。
垂直框中的拉伸因子将按钮的水平框推到窗口的底部。
"""
        vbox = QVBoxLayout()
        vbox.addStretch(1)
        vbox.addLayout(hbox)

        self.setLayout(vbox)#我们设置窗口的主要布局
        self.show()
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    app.exit(app.exec_())

格栅布局(网格布局)

栅格布局将位于其中的窗口部件放入一个网状的栅格之中。QGridLayout需要将提供给它的空间划分成的行和列,并把每个窗口部件插入并管理到正确的单元格。
栅格布局是这样工作的:它计算了位于其中的空间,然后将它们合理的划分成若干个行(row)和列(column),并把每个由它管理的窗口部件放置在合适的单元之中,这里所指的单元(cell)即是指由行和列交叉所划分出来的空间。
look

"""
在功能上按下按钮只是能显示而已,不能进行具体的计算,后期我们会制作一个完整的计算器
"""
import sys
from PyQt5.QtWidgets import (QWidget, QPushButton, QApplication, QGridLayout, QLCDNumber)

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

    def Init_UI(self):
        grid = QGridLayout()
        self.setLayout(grid)#创建QGridLayout的实例并将其设为应用程序窗口的布局

        self.setGeometry(300,300,400,300)
        self.setWindowTitle('早点毕业吧-计算器')
"""
如果我们向窗格添加窗口小部件,我们可以提供窗口小部件的行跨度和列跨度。 在我们的例子中,我们使QLCDNumber小部件跨越4行。同时我们创建一个网格布局并在窗口小部件之间设置间距。
"""
        self.lcd =  QLCDNumber()
        grid.addWidget(self.lcd,0,0,3,0)
        grid.setSpacing(10)

        names = ['Cls', 'Bc', '', 'Close',
                 '7', '8', '9', '/',
                 '4', '5', '6', '*',
                 '1', '2', '3', '-',
                 '0', '.', '=', '+']
        positions = [(i,j) for i in range(4,9) for j in range(4,8)]#我们创建了19个按钮并指定了具体的坐标位置。
        for position, name in zip(positions, names):
            if name == '':
                continue
            button = QPushButton(name)
            grid.addWidget(button, *position)
            button.clicked.connect(self.Cli)
"""
使用addWidget()方法创建并添加到布局中的按钮。同时当我们按下按钮的时候调用self.Cli()方法
"""
        self.show()
"""
当我们按下按钮的时候我们会得到按钮上显示的名称,如果是操作符则在LCD上显示“A”(因为LCD的显示功能有限),否则显示我们按下的信息。
"""
    def Cli(self):
        sender = self.sender().text()
        ls = ['/', '*', '-', '=', '+']
        if sender in ls:
            self.lcd.display('A')
        else:
            self.lcd.display(sender)

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

表单布局

QFormLayout管理输入型控件和关联的标签组成的那些Form表单。
QFormLayout是一个方便的布局类,其中的控件以两列的形式被布局在表单中。左列包括标签,右列包含输入控件,例如:QLineEdit、QSpinBox、QTextEdit等。

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

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.Init_UI()
    def Init_UI(self):
        self.setGeometry(300,300,300,200)
        self.setWindowTitle('早点毕业吧')

        formlayout = QFormLayout()
        nameLabel = QLabel("姓名")
        nameLineEdit = QLineEdit("")#显示一行
        introductionLabel = QLabel("简介")
        introductionLineEdit = QTextEdit("")#显示多行
#添加到表单布局
        formlayout.addRow(nameLabel,nameLineEdit)
        formlayout.addRow(introductionLabel,introductionLineEdit)
        self.setLayout(formlayout)

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

具体运行结果参考:
https://zhuanlan.zhihu.com/p/28415799
谢谢 “学点编程吧

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值