PyQt5 组件（Widgets）教程

1. 组件（Widgets）概述

在编写 GUI 应用程序时，组件（Widgets）是构建界面基础的关键元素。PyQt5 提供了丰富的组件类型，例如按钮、复选框、滑块条、列表框等。以下将详细介绍几种常用组件的使用方法，包括复选框、切换按钮、滑块条、进度条和日历组件。

2. 复选框（QCheckBox）

复选框（QCheckBox）可以有两种状态：选中和未选中。它通常由一个小方框和标签组成，适用于表示某种状态的有效性或无效性。

代码示例

#!/usr/bin/python3# -*- coding: utf-8 -*-"""ZetCode PyQt5 tutorialIn this example, a QCheckBox widget is used to toggle the title of a window.author: Jan Bodnarwebsite: zetcode.comlast edited: January 2015"""import sysfrom PyQt5.QtWidgets import QWidget, QCheckBox, QApplicationfrom PyQt5.QtCore import Qtclass Example(QWidget):    def __init__(self):        super().__init__()        self.initUI()        def initUI(self):        cb = QCheckBox('Show title', self)        cb.move(20, 20)        cb.toggle()        cb.stateChanged.connect(self.changeTitle)                self.setGeometry(300, 300, 250, 150)        self.setWindowTitle('QCheckBox')        self.show()        def changeTitle(self, state):        if state == Qt.Checked:            self.setWindowTitle('QCheckBox')        else:            self.setWindowTitle('')if __name__ == '__main__':    app = QApplication(sys.argv)    ex = Example()    sys.exit(app.exec_())

代码解释

创建复选框：cb = QCheckBox('Show title', self) 创建一个复选框，并设置其标签为 "Show title"。

初始化窗口：使用 self.initUI() 方法初始化 UI，包括设置窗口大小、标题和显示位置。

连接信号：通过 cb.stateChanged.connect(self.changeTitle) 将复选框的状态变化信号连接到 changeTitle 方法。

切换窗口标题：根据复选框的状态，设置窗口标题为 "QCheckBox" 或空字符串。

3. 切换按钮（Toggle Button）

切换按钮是 QPushButton 的一种特殊形式，具有两种状态：按下和未按下。它非常适合用来控制布局或其他视觉元素的切换。

代码示例

#!/usr/bin/python3# -*- coding: utf-8 -*-"""ZetCode PyQt5 tutorialIn this example, we create three toggle buttons.They will control the background color of a QFrame.author: Jan Bodnarwebsite: zetcode.comlast edited: January 2015"""import sysfrom PyQt5.QtWidgets import (QWidget, QPushButton, QFrame, QApplication)from PyQt5.QtGui import QColorclass Example(QWidget):    def __init__(self):        super().__init__()        self.initUI()        def initUI(self):        self.col = QColor(0, 0, 0)        redb = QPushButton('Red', self)        redb.setCheckable(True)        redb.move(10, 10)        redb.clicked[bool].connect(self.setColor)                redb = QPushButton('Green', self)        redb.setCheckable(True)        redb.move(10, 60)        redb.clicked[bool].connect(self.setColor)                blueb = QPushButton('Blue', self)        blueb.setCheckable(True)        blueb.move(10, 110)        blueb.clicked[bool].connect(self.setColor)                self.square = QFrame(self)        self.square.setGeometry(150, 20, 100, 100)        self.square.setStyleSheet("QWidget { background-color: %s }" % self.col.name())                self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('Toggle button')        self.show()        def setColor(self, pressed):        source = self.sender()        if pressed:            val = 255        else:            val = 0                    if source.text() == "Red":            self.col.setRed(val)        elif source.text() == "Green":            self.col.setGreen(val)        else:            self.col.setBlue(val)                    self.square.setStyleSheet("QFrame { background-color: %s }" % self.col.name())if __name__ == '__main__':    app = QApplication(sys.argv)    ex = Example()    sys.exit(app.exec_())

代码解释

初始化颜色：self.col = QColor(0, 0, 0) 初始化窗口的背景颜色为黑色。

创建切换按钮：创建三个切换按钮 "Red"、"Green" 和 "Blue"，并将它们放置在窗口不同位置。

连接信号：通过 redb.clicked[bool].connect(self.setColor) 等方法将按钮的点击信号连接到 setColor 方法。

切换颜色：根据按钮的按下状态，设置窗口背景的红、绿或蓝色分量。

更新样式：使用 setStyleSheet 方法根据当前颜色更新 QFrame 的背景颜色。

4. 滑块条（QSlider）

滑块条（QSlider）是一个可调节的组件，通常用于调整数值或选择选项。它有两种常见类型：水平和垂直。

代码示例

#!/usr/bin/python3# -*- coding: utf-8 -*-"""ZetCode PyQt5 tutorialThis example shows a QSlider widget.author: Jan Bodnarwebsite: zetcode.comlast edited: January 2015"""import sysfrom PyQt5.QtWidgets import (QWidget, QSlider, QLabel, QApplication)from PyQt5.QtCore import Qtfrom PyQt5.QtGui import QPixmapclass Example(QWidget):    def __init__(self):        super().__init__()        self.initUI()        def initUI(self):        sld = QSlider(Qt.Horizontal, self)        sld.setFocusPolicy(Qt.NoFocus)        sld.setGeometry(30, 40, 100, 30)        sld.valueChanged[int].connect(self.changeValue)                self.label = QLabel(self)        self.label.setPixmap(QPixmap('mute.png'))        self.label.setGeometry(160, 40, 80, 30)                self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('QSlider')        self.show()        def changeValue(self, value):        if value == 0:            self.label.setPixmap(QPixmap('mute.png'))        elif value > 0 and value <= 30:            self.label.setPixmap(QPixmap('min.png'))        elif value > 30 and value < 80:            self.label.setPixmap(QPixmap('med.png'))        else:            self.label.setPixmap(QPixmap('max.png'))if __name__ == '__main__':    app = QApplication(sys.argv)    ex = Example()    sys.exit(app.exec_())

代码解释

创建滑块条：sld = QSlider(Qt.Horizontal, self) 创建一个水平方向的滑块条，并设置其父容器为 self。

设置样式：sld.setFocusPolicy(Qt.NoFocus) 防止滑块条占用焦点。

连接信号：通过 sld.valueChanged[int].connect(self.changeValue) 将滑块条的值变化信号连接到 changeValue 方法。

更新图像：根据滑块条的值，设置标签的图像。例如，当值为 0 时显示无声图像，值在 1-30 之间显示较小图像，30-79 之间显示中等图像，超过 80 显示最大图像。

5. 进度条（QProgressBar）

进度条（QProgressBar）用于显示任务的进度，通过动画效果让用户了解任务的执行状态。PyQt5 提供了横向和纵向的进度条选择，默认范围是 0 到 99。

代码示例

#!/usr/bin/python3# -*- coding: utf-8 -*-"""ZetCode PyQt5 tutorialThis example shows a QProgressBar widget.author: Jan Bodnarwebsite: zetcode.comlast edited: January 2015"""import sysfrom PyQt5.QtWidgets import (QWidget, QProgressBar, QPushButton, QApplication)from PyQt5.QtCore import QBasicTimerclass Example(QWidget):    def __init__(self):        super().__init__()        self.initUI()        def initUI(self):        self.pbar = QProgressBar(self)        self.pbar.setGeometry(30, 40, 200, 25)        self.btn = QPushButton('Start', self)        self.btn.move(40, 80)        self.btn.clicked.connect(self.doAction)        self.timer = QBasicTimer()        self.step = 0                self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('QProgressBar')        self.show()        def timerEvent(self, e):        if self.step >= 100:            self.timer.stop()            self.btn.setText('Finished')            return        self.step = self.step + 1        self.pbar.setValue(self.step)        def doAction(self):        if self.timer.isActive():            self.timer.stop()            self.btn.setText('Start')        else:            self.timer.start(100, self)            self.btn.setText('Stop')if __name__ == '__main__':    app = QApplication(sys.argv)    ex = Example()    sys.exit(app.exec_())

代码解释

创建进度条：self.pbar = QProgressBar(self) 创建一个进度条，并设置其父容器为 self。

初始化定时器：self.timer = QBasicTimer() 初始化定时器，以控制进度条的更新频率。

设置定时器：self.timer.start(100, self) 使定时器每隔 100ms 触发一次 timerEvent 方法。

处理定时器事件：在 timerEvent 方法中，每次增加步进值，并更新进度条。

控制按钮：通过 doAction 方法控制定时器的启动和停止，按钮文本也随之更新。

6. 日历组件（QCalendarWidget）

QCalendarWidget 提供了一个月天历的日历组件，允许用户通过直观的方式选择日期。

代码示例

#!/usr/bin/python3# -*- coding: utf-8 -*-"""ZetCode PyQt5 tutorialThis example shows a QCalendarWidget widget.author: Jan Bodnarwebsite: zetcode.comlast edited: January 2015"""import sysfrom PyQt5.QtWidgets import (QWidget, QCalendarWidget, QLabel, QApplication)from PyQt5.QtCore import QDateclass Example(QWidget):    def __init__(self):        super().__init__()        self.initUI()        def initUI(self):        cal = QCalendarWidget(self)        cal.setGridVisible(True)        cal.move(20, 20)        cal.clicked[QDate].connect(self.showDate)                self.lbl = QLabel(self)        date = cal.selectedDate()        self.lbl.setText(date.toString())        self.lbl.move(130, 260)                self.setGeometry(300, 300, 350, 300)        self.setWindowTitle('Calendar')        self.show()        def showDate(self, date):        self.lbl.setText(date.toString())if __name__ == '__main__':    app = QApplication(sys.argv)    ex = Example()    sys.exit(app.exec_())

代码解释

创建日历组件：cal = QCalendarWidget(self) 创建一个日历组件，并设置其父容器为 self。

设置样式：cal.setGridVisible(True) 使日历组件的格线可见。

连接信号：通过 cal.clicked[QDate].connect(self.showDate) 将日历组件的点击信号连接到 showDate 方法。

显示日期：在 showDate 方法中，获取选中的日期并使用 toString() 方法将其格式化为字符串，显示在标签组件上。

通过以上示例，可以轻松地学习并使用 PyQt5 中的各种组件来构建用户友好的 GUI 应用程序。

转载地址：http://ncafk.baihongyu.com/

你可能感兴趣的文章