PyQt的布局管理、事件与信号

最新推荐文章于 2024-06-18 17:48:00 发布

小陈步吃人

最新推荐文章于 2024-06-18 17:48:00 发布

阅读量699

点赞数

分类专栏： PyQt学习掌握+实战文章标签： pyqt5 gui

本文链接：https://blog.csdn.net/Itsme_MrJJ/article/details/122605272

版权

PyQt学习掌握+实战专栏收录该内容

7 篇文章 7 订阅

订阅专栏

PyQt的布局管理、事件与信号

一、布局管理
二、事件与信号

一、布局管理

在一个GUI程序里，布局是一个很重要的方面。布局就是如何管理应用中的元素和窗口。有两种方式可以搞定：绝对定位和PyQt5的layout类

1、绝对布局

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

class Example(QWidget):
    
    def __init__(self):
        super().__init__()
        self.initUI()
        
    def initUI(self):
        lb1 = QLabel("第一个标签",self)
        lb1.move(15,20)
        lb2 = QLabel("第二个标签",self)
        lb2.move(40,60)
        lb3 = QLabel("第3个标签",self)
        lb3.move(60,80)
        
        self.setGeometry(300,300,400,300)
        self.setWindowTitle("标签测试--绝对布局")
        self.show()
        

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

绝对布局就是直接使用move()方法定位了每一个元素，使用x、y坐标。x、y坐标的原点是程序窗口的左上角。

绝对布局简单易懂，但是绝对定位有很多局限性：

元素不会随着我们更改窗口的位置和大小而变化。
不能适用于不同的平台和不同分辨率的显示器
更改应用字体大小会破坏布局
如果我们决定重构这个应用，需要全部计算一下每个元素的位置和大小

2、盒布局

使用盒布局能让程序具有更强的适应性。这个才是布局一个应用的更合适的方式。QHBoxLayout和QVBoxLayout是基本的布局类，分别是水平布局和垂直布局。

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

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()
    
    def initUI(self):
        # 这是创建了两个按钮
        okButton = QPushButton("OK")
        cancelButton = QPushButton("Cancel")
        vlabel = QLabel("垂直布局放在第二行")
        # 创建一个水平布局和两个按钮。
        vbox = QVBoxLayout()
        hbox = QHBoxLayout()
        hbox.addWidget(okButton)
        hbox.addWidget(cancelButton)

        vbox = QVBoxLayout()
#         vbox.addStretch(-1)
        vbox.addLayout(hbox)
        vbox.addWidget(vlabel)
        # 最后，我们就得到了我们想要的布局。
        self.setLayout(vbox)    

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


if __name__ == '__main__':

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

盒布局可以使组件之间相对位置保持不变，不管窗口大小怎么变，相对位置始终保持不变，其中还可以使用stretch函数在两个按钮前面增加了一块弹性空间，它可以使得组件在窗口的指定位置，盒布局也是相对较复杂的，还可以嵌套布局，就像上例所示

 hbox.addWidget(okButton)
 hbox.addWidget(cancelButton)

把两个按钮添加到横向布局，使得两个按钮的横向相对位置保持不变

vbox.addLayout(hbox)
vbox.addWidget(vlabel)

把之前的横向布局和标签纵向布局，使得标签和之前的横向布局相对位置成上下关系，这里就是布局嵌套。

3、栅格布局

最常用的还是栅格布局了。这种布局是把窗口分为行和列。
创建和使用栅格布局，需要使用QGridLayout模块。

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

class Example(QWidget):

    def __init__(self):
        super().__init__()
        self.initUI()


    def initUI(self):
        title = QLabel('Title')
        author = QLabel('Author')
        review = QLabel('Review')
        revie2 = QLabel('Review2')

        titleEdit = QLineEdit()
        authorEdit = QLineEdit()
        reviewEdit = QTextEdit()
        reviewEdit2 = QTextEdit()

        grid = QGridLayout()

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

        grid.addWidget(author, 2, 0)
        grid.addWidget(authorEdit, 2, 1)
        
        grid.addWidget(revie2, 3, 0, 2, 1)
        grid.addWidget(reviewEdit2, 3, 1,3, 1)

        grid.addWidget(review, 5, 0)
        grid.addWidget(reviewEdit, 6, 1)

        self.setLayout(grid) 

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


if __name__ == '__main__':

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

grid = QGridLayout()

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

定义栅格布局，并把组件添加给栅格布局。grid.addWidget(组件, row, col)，其中row代表行号，col代表列号，两者都是从0开始，代表第几行第几列。

grid.addWidget(revie2, 3, 0, 2, 1)
grid.addWidget(reviewEdit2, 3, 1,3, 1)

这里是grid.addWidget的第二种用法，grid.addWidget(组件, row, col，x，y)，其中row代表行号，col代表列号，两者都是从0开始，代表第几行第几列；x和y代表占几行几列，比如例子中的revie2组件，从第四行第1列（计数从0开始）开始占两行一列，reviewEdit2组件，从第四行第2列（计数从0开始）开始占三行一列，具体参数可以自己跑代码的时候修改观察，更易明白。

4、特殊的布局----QSplitter

QSplitter组件能让用户通过拖拽分割线的方式改变子窗口大小的组件，必须与其他布局一起嵌套使用，达到更加人性化的布局。

from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()
        
    def initUI(self):
        # 组件放置
        hlay = QHBoxLayout()
        spl1 = QSplitter(Qt.Horizontal)
        spl2 = QSplitter(Qt.Vertical)
        topleft = QFrame()
        topleft.setFrameShape(QFrame.StyledPanel)
        topright = QFrame()
        topright.setFrameShape(QFrame.StyledPanel)
        edit = QTextEdit()
        down = QFrame()
        down.setFrameShape(QFrame.StyledPanel)
        # 组件布局
        spl1.addWidget(topleft)
        spl1.addWidget(edit)
        spl1.setSizes([200,10])
        spl2.addWidget(spl1)
        spl2.addWidget(down)
        hlay.addWidget(spl2)# 需要注意的是，Splitter没法直接设置布局，要嵌套在其他布局内
        
        self.setLayout(hlay)
        
        self.setWindowTitle("Splitter 的使用")
        self.setGeometry(300,300,400,300)
        
        
if __name__ == "__main__":
    app = QApplication([])
    ex = Example()
    ex.show()
    app.exec_()

二、事件与信号

所有的应用都是事件驱动的。事件大部分都是由用户的行为产生的，当然也有其他的事件产生方式，比如网络的连接，窗口管理器或者定时器等。调用应用的exec_()方法时，应用会进入主循环，主循环会监听和分发事件。

在事件模型中，有三个角色：

事件源
事件
事件目标

事件源就是发生了状态改变的对象。事件是这个对象状态改变的内容。事件目标是事件想作用的目标。事件源绑定事件处理函数，然后作用于事件目标身上。

PyQt5处理事件方面有个signal and slot机制。Signals and slots用于对象间的通讯。事件触发的时候，发生一个signal，slot是用来被Python调用的（说白了就是相当于事件的绑定函数）slot只有在事件触发的时候才能调用。

1、常规事件

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import (QWidget, QLCDNumber, QSlider, 
    QVBoxLayout, QApplication)


class Example(QWidget):

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

        self.initUI()


    def initUI(self):

        lcd = QLCDNumber(self)
        sld = QSlider(Qt.Horizontal, self)

        vbox = QVBoxLayout()
        vbox.addWidget(lcd)
        vbox.addWidget(sld)

        self.setLayout(vbox)
        sld.valueChanged.connect(lcd.display)

        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Signal and slot')
        self.show()


if __name__ == '__main__':

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

lcd = QLCDNumber(self)
sld = QSlider(Qt.Horizontal, self)

定义一个LCD数字显示组件和滑块组件

sld.valueChanged.connect(lcd.display)

对滑块的valueChanged属性绑定槽函数，即绑定lcd的显示函数。当滑动滑块，则其值发生变化，触发条件，使得lcd组件的显示也发生变化。这里因为是两个内置组件所以都是现成的函数，要是没有就需要自己编写槽函数了。

2、键盘事件

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QWidget, QApplication

class Example(QWidget):

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

        self.initUI()


    def initUI(self):      

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


    def keyPressEvent(self, e):
        if e.key() == Qt.Key_Q:
            self.close()


if __name__ == '__main__':

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

def keyPressEvent(self, e):
    if e.key() == Qt.Key_Q:
        self.close()

构建键盘事件函数，这个也是内置的，当按键信号是ctrl+Q时，程序关闭。

3、鼠标跟随

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QWidget, QApplication, QGridLayout, QLabel
from PyQt5 import QtCore, QtGui, QtWidgets

class Example(QWidget):

    def __init__(self):
        super().__init__()
        self.initUI()


    def initUI(self):      

        grid = QGridLayout()
        grid.setSpacing(10)
        x = 0
        y = 0
        self.text = "x: {0},  y: {1}".format(x, y)
        self.label = QLabel(self.text, self)
        grid.addWidget(self.label, 0, 0, Qt.AlignTop)
        self.setMouseTracking(True)
        self.setLayout(grid)
        self.setGeometry(300, 300, 350, 200)
        self.setWindowTitle('Event object')
        self.show()

    def mouseMoveEvent(self, e):
        x = e.x()
        y = e.y()

        text = "x: {0},  y: {1}".format(x, y)
        self.label.setText(text)

if __name__ == '__main__':

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

self.text = "x: {0},  y: {1}".format(x, y)
self.label = QLabel(self.text, self)

定义一个便签组件，用于显示坐标，并设置格式。

self.setMouseTracking(True)

开启鼠标跟随

def mouseMoveEvent(self, e):
        x = e.x()
        y = e.y()

        text = "x: {0},  y: {1}".format(x, y)
        self.label.setText(text)

鼠标跟随自定义函数，e代表跟随鼠标这个事件，e.x()、e.y()获取鼠标所在位置的横纵坐标，和之前讲解的pos（）类似，再通过标签的组件的setText属性，设置显示内容。
需要说明的是，鼠标跟随只在窗口内，当鼠标移动到窗口边框或者是菜单、工具栏时，鼠标跟随停止，这一点可以看看这个程序运行时原点位置，即可理解。

讲解到这里，估计对PyQt的布局和信号与槽机制有了一定的理解，持续更新中…

👊🙈 …

小陈步吃人

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
PyQt的布局管理、事件与信号

PyQt的布局管理、事件与信号一、布局管理1、绝对布局2、盒布局3、栅格布局4、特殊的布局----QSplitter二、事件与信号1、常规事件2、键盘事件3、鼠标跟随一、布局管理在一个GUI程序里，布局是一个很重要的方面。布局就是如何管理应用中的元素和窗口。有两种方式可以搞定：绝对定位和PyQt5的layout类1、绝对布局import sysfrom PyQt5.QtWidgets import QApplication,QLabel,QWidgetclass Example(QWidg
复制链接

扫一扫