本文共 8271 字，大约阅读时间需要 27 分钟。

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_())

代码解释

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_())

代码解释

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_())

代码解释

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_())

代码解释

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_())

代码解释

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

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