【PyQT5教程】-02-UI组件

朱雀 2023-10-15 19:09 38阅读 0赞

## 1.按钮 ##

`QtWidgets`模块提供了多种按钮类，让你可以轻松地创建各种类型的按钮

### 1.1 **QPushButton（普通按钮）** ###

`QPushButton`是PyQt5中最常见的按钮类型之一，用于触发动作或执行操作。通过信号与槽机制，你可以将按钮的点击事件与特定的函数或操作关联起来。

import sys
    
    from PyQt5.QtWidgets import QApplication,QWidget,QPushButton
    
    if __name__ == '__main__':
    
        app = QApplication(sys.argv)
        
        w1 = QWidget()
        w1.setWindowTitle("UI-按钮")
    
        # 创建一个普通按钮
        btn1 = QPushButton("登录")
    
        # 将按钮添加到父级中
        btn1.setParent(w1)
    
        w1.show()
        app.exec_()

![在这里插入图片描述][bb91ad116f604fd0afbecc30a5ea602d.png]

### 1.2 **QRadioButton（单选按钮）** ###

`QRadioButton`用于在一组选项中进行单选，用户只能选择其中一个选项。

import sys
    
    from PyQt5.QtWidgets import QApplication, QWidget, QRadioButton, QButtonGroup, QVBoxLayout
    
    if __name__ == '__main__':
    
        app = QApplication(sys.argv)
    
        w1 = QWidget()
        w1.setWindowTitle("UI-按钮")
        # 1. 创建一个布局容器
        layout = QVBoxLayout()
        # 2. 创建一个按钮组（单选时使用）
        radioBtnGroup = QButtonGroup()
        
        # 3. 创建4个单选按钮
        btn1 = QRadioButton("唱")
        btn2 = QRadioButton("跳")
        btn3 = QRadioButton("rap")
        btn4 = QRadioButton("篮球")
    
        # 4. 将4个按钮添加到按钮组中
        radioBtnGroup.addButton(btn1)
        radioBtnGroup.addButton(btn2)
        radioBtnGroup.addButton(btn3)
        radioBtnGroup.addButton(btn4)
    
        # 5. 将每个按钮添加到布局容器中
        layout.addWidget(btn1)
        layout.addWidget(btn2)
        layout.addWidget(btn3)
        layout.addWidget(btn4)
        
        # 6. 窗口组件设置画布
        w1.setLayout(layout)
    
        w1.show()
        app.exec_()

![在这里插入图片描述][e587624aeebb4acca379746cd57bda76.png]

### 1.3 **QCheckBox（复选框）** ###

`QCheckBox`用于在多个选项中进行多选，用户可以选择多个选项

import sys
    
    from PyQt5.QtWidgets import QApplication, QWidget, QButtonGroup, QVBoxLayout, QCheckBox
    
    if __name__ == '__main__':
    
        app = QApplication(sys.argv)
    
        w1 = QWidget()
        w1.setWindowTitle("UI-按钮")
    
        btnNames = ["唱","跳","RAP","篮球"]
        btnObjs = []
    
        # 1. 创建一个布局容器
        layout = QVBoxLayout()
    
        
        for bt_name in btnNames:
            # 2. 创建4个多选按钮
            temp_btn = QCheckBox(bt_name)
            # 3. 将每个按钮添加到布局容器中
            layout.addWidget(temp_btn)
            
            btnObjs.append(temp_btn)
    
        # 4. 窗口组件设置画布
        w1.setLayout(layout)
    
        w1.show()
        app.exec_()

> 注意：多选框不要使用按钮组对象，否则就变为多选框的单选效果

![在这里插入图片描述][5cec45e10f3d466198bcb1489393e329.png]

### 1.4 按钮的事件机制 ###

在pyqt中，事件的调用过程是：

1.定义按钮或元素

2.通过事件名称.connect绑定事件

> 所以，我们需要定义事件的回调方法，注意，事件回调方法机制就保证事件内容是要返回回调可调用对象，建议在类中定义

#### 1.4.1 用类的方式定义函数 ####

import sys
    
    from PyQt5.QtWidgets import QApplication, QWidget, QButtonGroup, QVBoxLayout, QCheckBox, QPushButton
    
    
    class MyQtWindow():
    
        def __init__(self):
            self.__initUI()
    
        def __initUI(self):
            app = QApplication(sys.argv)
            w1 = QWidget()
            w1.setWindowTitle("UI-按钮")
    
            # 创建一个普通按钮
            btn1 = QPushButton("登录")
            
            # 绑定事件，单点击的时候调用say方法
            btn1.clicked.connect(self.say)
    
            # 将按钮添加到父级中
            btn1.setParent(w1)
    
            w1.show()
            app.exec_()
        def say(self):
            print(f"你好")
    
    if __name__ == '__main__':
        window = MyQtWindow()

#### 1.4.2 回调函数中传递参数 ####

##### 1.使用lambda表达式实现 #####

btn1.clicked.connect(lambda x: self.say("123"))
    
    ...
    
    def say(self,arg):
        print(f"你好:{
          arg}")

> 在这个例子中，`lambda`函数将创建一个新的函数，该函数接受一个参数`x`，然后将这个参数和你的参数一起传递给`say`函数。

##### 2.定义辅助函数实现 #####

btn1.clicked.connect(self.fuzhu_say)
    
    ...
    
    # 辅助函数
        def fuzhu_say(self):
            self.say("参数")
    
        def say(self,arg):
            print(f"你好:{
          arg}")

> 辅助函数传参需要在辅助函数中实现，如果你需要传递关键字参数，那么使用辅助函数可能是更好的选择

### 1.5 控制元素的位置和大小 ###

对应元素使用：setGeometry(p\_x,p\_y,w,h) 函数

# 创建一个普通按钮
            btn1 = QPushButton("登录")
            btn1.setGeometry(300,300,300,50)

![在这里插入图片描述][d9bc82b08ae3454298d583a29a92e0df.png]

`btn1.setGeometry(300,300,300,50)` 是一个在编程中设置图形界面元素（例如按钮）的位置和大小的语句。具体来说，这个语句的含义如下：

*  `btn1` 是一个按钮对象的引用。
 *  `setGeometry` 是一个方法，用于设置按钮的大小和位置。
 *  `(300,300,300,50)` 是一个四个数值的元组，分别表示按钮的左边界的x坐标、上边界的y坐标、宽度和高度。

所以，`btn1.setGeometry(300,300,300,50)` 的意思就是设置 `btn1` 这个按钮在界面上的位置为 (300,300)，也就是将其左上角移动到屏幕的 (300,300) 位置，并且将其宽度设为300像素，高度设为50像素。

### 1.6 设置单选或多选选中或取消选中 ###

self.male_radio.setChecked(True) # 设置选中
    self.female_radio.setChecked(False) # 设置取消选中

## 2.文字 ##

### 2.1 基础文字-QLabel ###

用于显示文本标签，不支持用户输入。

# 创建一个标题文字
    q_label = QLabel("姓名", w)

![在这里插入图片描述][6b15833c358b4b7b8b1b9dacad11219a.png]

### 2.2 单行文本输入-QLineEdit ###

用于收集用户输入的单行文本，不支持多行文本。

q_label = QLineEdit("姓名", w)

![在这里插入图片描述][c2808debaa6f4f5e85ea678a92b9d7af.png]

### 2.3 多行文本显示-QTextBrowser ###

用于显示多行文本，支持富文本、HTML等格式，但不支持用户编辑。

q_label = QTextBrowser(w)
    q_label.append("Hello World")

![在这里插入图片描述][1bbaaad8f8b045a8b334b7ecaf29a4fb.png]

### 2.4 多行文本编辑器-QTextEdit ###

用于收集用户输入的多行文本，支持富文本、HTML等格式，同时也支持用户编辑。

q_label = QTextEdit(w)
    q_label.append("Hello World")

![在这里插入图片描述][202910ecf8e54de9bfbe50b7d0a146f9.png]

### 2.5 获取输入框值 ###

(1) 单行文本输入框获取值

name = self.name_input.text()

(2) 多行文本输入框获取值

intro = self.intro_input.toPlainText()

### 2.6 清空输入框值 ###

（1）单行文本输入框清空值

self.name_input.clear()

（2）多行文本输入框清空值

self.intro_input.clear()

## 3. 表单综合案例 ##

import sys
    from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QLineEdit, QTextEdit, QVBoxLayout, QHBoxLayout, QRadioButton, QCheckBox, QPushButton
    
    class FormApp(QWidget):
        def __init__(self):
            super().__init__()
            self.init_ui()
    
        def init_ui(self):
            self.setWindowTitle('表单界面')
            self.setGeometry(100, 100, 400, 300)
    
            self.name_label = QLabel('姓名:')
            self.name_input = QLineEdit()
    
            self.intro_label = QLabel('自我介绍:')
            self.intro_input = QTextEdit()
    
            self.gender_label = QLabel('性别:')
            self.male_radio = QRadioButton('男')
            self.female_radio = QRadioButton('女')
    
            self.hobby_label = QLabel('爱好:')
            self.sports_checkbox = QCheckBox('体育')
            self.music_checkbox = QCheckBox('音乐')
            self.travel_checkbox = QCheckBox('旅游')
    
            self.reset_button = QPushButton('重置')
            self.submit_button = QPushButton('提交')
    
            self.reset_button.clicked.connect(self.reset_form)
            self.submit_button.clicked.connect(self.submit_form)
    
            layout = QVBoxLayout()
            layout.addWidget(self.name_label)
            layout.addWidget(self.name_input)
            layout.addWidget(self.intro_label)
            layout.addWidget(self.intro_input)
            layout.addWidget(self.gender_label)
            layout.addWidget(self.male_radio)
            layout.addWidget(self.female_radio)
            layout.addWidget(self.hobby_label)
            layout.addWidget(self.sports_checkbox)
            layout.addWidget(self.music_checkbox)
            layout.addWidget(self.travel_checkbox)
            layout.addWidget(self.reset_button)
            layout.addWidget(self.submit_button)
    
            self.setLayout(layout)
    
        def reset_form(self):
            self.name_input.clear()
            self.intro_input.clear()
            self.male_radio.setChecked(True)
            self.female_radio.setChecked(False)
            self.sports_checkbox.setChecked(False)
            self.music_checkbox.setChecked(False)
            self.travel_checkbox.setChecked(False)
    
        def submit_form(self):
            name = self.name_input.text()
            intro = self.intro_input.toPlainText()
            gender = '男' if self.male_radio.isChecked() else '女'
            hobbies = []
            if self.sports_checkbox.isChecked():
                hobbies.append('体育')
            if self.music_checkbox.isChecked():
                hobbies.append('音乐')
            if self.travel_checkbox.isChecked():
                hobbies.append('旅游')
    
            print('姓名:', name)
            print('自我介绍:', intro)
            print('性别:', gender)
            print('爱好:', ', '.join(hobbies))
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        form = FormApp()
        form.show()
        sys.exit(app.exec_())

![在这里插入图片描述][8be51e1907d540da9572d3b6b4e978a1.png]

## 4.下拉列表 ##

下拉列表（ComboBox）是一种常见的用户界面元素，它允许用户从预定义的选项列表中选择一个值。下拉列表通常用于提供选择，而不是自由文本输入。

self.label = QLabel('选择您的喜好:')
            self.combo_box = QComboBox()
            self.combo_box.addItem('体育')
            self.combo_box.addItem('音乐')
            self.combo_box.addItem('旅游')

![在这里插入图片描述][3f9f47c9421d4d0494892cccb0e23b92.png]

### 4.1 下拉获取值 ###

selected_value = self.comboBox.currentText()  # 获取当前选中的文本值
            print("Selected Value:", selected_value)

### 4.2 下拉清空值 ###

self.comboBox.clear()  # 清空下拉框中的所有选项

### 4.3 下拉框选中值 ###

通过下拉索引值选中（从0开始计数）

default_index = 2  # 设置默认选中的索引（从0开始计数）
    self.comboBox.setCurrentIndex(default_index)

通过下拉框值选中

default_text = 'Item 2'  # 设置默认选中的文本
    self.comboBox.setCurrentText(default_text)

### 4.4 下拉框添加元素 ###

items = ['Item 1', 'Item 2', 'Item 3', 'Item 4']
    self.comboBox.addItems(items)

## 5.**滑块** ##

在 PyQt5 中，滑块（QSlider）是用于在一定范围内选择数值的界面元素。它允许用户通过滑动滑块来选择一个值。

self.slider = QSlider()  # 默认是水平滑块
            self.slider.setMinimum(0)  # 设置最小值
            self.slider.setMaximum(100)  # 设置最大值
            self.slider.setValue(50)  # 设置默认值
            self.slider.setTickPosition(QSlider.TicksBelow)  # 设置刻度显示在滑块下方
            self.slider.setTickInterval(10)  # 设置刻度间隔

![在这里插入图片描述][7d60d1d38f334426a9ca85f97157c5a2.png]

完整demo

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QSlider, QLabel, QVBoxLayout, QWidget
    
    class SliderExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setWindowTitle('Slider Example')
            self.setGeometry(100, 100, 300, 200)
    
            layout = QVBoxLayout()
    
            self.slider = QSlider()  # 默认是水平滑块
            self.slider.setMinimum(0)  # 设置最小值
            self.slider.setMaximum(100)  # 设置最大值
            self.slider.setValue(50)  # 设置默认值
            self.slider.setTickPosition(QSlider.TicksBelow)  # 设置刻度显示在滑块下方
            self.slider.setTickInterval(10)  # 设置刻度间隔
    
            self.valueLabel = QLabel(f"Value: {
          self.slider.value()}")  # 显示当前值的标签
            layout.addWidget(self.slider)
            layout.addWidget(self.valueLabel)
    
            self.resetButton = QPushButton('Reset')
            self.resetButton.clicked.connect(self.resetSlider)
            layout.addWidget(self.resetButton)
    
            self.central_widget = QWidget()
            self.central_widget.setLayout(layout)
            self.setCentralWidget(self.central_widget)
    
            self.slider.valueChanged.connect(self.updateValueLabel)  # 连接滑块值变化的信号与槽函数
    
        def updateValueLabel(self, value):
            self.valueLabel.setText(f"Value: {
          value}")
    
        def resetSlider(self):
            self.slider.setValue(50)  # 将滑块值重置为默认值
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        window = SliderExample()
        window.show()
        sys.exit(app.exec_())

### 5.1 获取值 ###

self.slider.value()

### 5.2 重置与设置 ###

self.slider.setValue(50)  # 将滑块值重置为默认值

### 5.3 值变化回调更新 ###

self.slider.valueChanged.connect(self.updateValueLabel)  # 连接滑块值变化的信号与槽函数
    
    def updateValueLabel(self, value):
            self.valueLabel.setText(f"Value: {
          value}")

## 6.进度条 ##

进度条（QProgressBar）是一种用于表示进度或完成度的界面元素。在 PyQt5 中，你可以使用进度条来显示操作的进度，例如文件下载、任务执行等

self.progressBar = QProgressBar() # 创建一个进度条
    self.progressBar.setMinimum(0) # 设置最小值：0
    self.progressBar.setMaximum(100) # 设置最大值 100
    self.progressBar.setValue(0) # 设置初始值 0

![在这里插入图片描述][d32a9127e9804498a5a69c5dde0cca49.png]

完整demo

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QProgressBar, QPushButton, QVBoxLayout, QWidget
    
    class ProgressBarExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setWindowTitle('Progress Bar Example')
            self.setGeometry(100, 100, 300, 200)
    
            layout = QVBoxLayout()
    
            self.progressBar = QProgressBar() # 创建一个进度条
            self.progressBar.setMinimum(0) # 设置最小值：0
            self.progressBar.setMaximum(100) # 设置最大值 100
            self.progressBar.setValue(0) # 设置初始值 0
    
            layout.addWidget(self.progressBar)
    
            self.startButton = QPushButton('Start')
            self.startButton.clicked.connect(self.startProgress)
            layout.addWidget(self.startButton)
    
            self.resetButton = QPushButton('Reset')
            self.resetButton.clicked.connect(self.resetProgress)
            layout.addWidget(self.resetButton)
    
            self.central_widget = QWidget()
            self.central_widget.setLayout(layout)
            self.setCentralWidget(self.central_widget)
    
        def startProgress(self):
            self.progressBar.setValue(0)  # 开始时将进度条值重置为0
            for i in range(101):
                self.progressBar.setValue(i)
                QApplication.processEvents()  # 实时更新界面
                if i == 100:
                    self.progressBar.setValue(100)  # 完成后将进度条值重置为0
    
        def resetProgress(self):
            self.progressBar.setValue(0)  # 将进度条值重置为0
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        window = ProgressBarExample()
        window.show()
        sys.exit(app.exec_())

### 6.1 设置值且更新 ###

self.progressBar.setValue(60)
                QApplication.processEvents()  # 实时更新界面

### 6.2 获取值 ###

current_value = self.progressBar.value()
            print("Current Value:", current_value)

## 7. 列表框 ##

在 PyQt5 中，列表框（QListWidget）是用于显示一系列项目（项）的界面元素。每个项目可以包含文本、图像等内容。

self.listWidget = QListWidget() # 创建列表项
    
            items = ['Item 1', 'Item 2', 'Item 3', 'Item 4']
            for item_text in items:
                list_item = QListWidgetItem(item_text) # 创建一个列表项目
                self.listWidget.addItem(list_item) # 添加到列表中

![在这里插入图片描述][e2533522701c4f4a8b283658b5409ecd.png]

完整案例：

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QListWidget, QListWidgetItem, QPushButton, QVBoxLayout, QWidget
    
    class ListWidgetExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setWindowTitle('List Widget Example')
            self.setGeometry(100, 100, 300, 200)
    
            layout = QVBoxLayout()
    
            self.listWidget = QListWidget() # 创建列表项
    
            items = ['Item 1', 'Item 2', 'Item 3', 'Item 4']
            for item_text in items:
                list_item = QListWidgetItem(item_text) # 创建一个列表项目
                self.listWidget.addItem(list_item) # 添加到列表中
    
            layout.addWidget(self.listWidget)
    
            self.addButton = QPushButton('Add Item')
            self.addButton.clicked.connect(self.addItem)
            layout.addWidget(self.addButton)
    
            self.removeButton = QPushButton('Remove Item')
            self.removeButton.clicked.connect(self.removeItem)
            layout.addWidget(self.removeButton)
    
            self.central_widget = QWidget()
            self.central_widget.setLayout(layout)
            self.setCentralWidget(self.central_widget)
    
        def addItem(self):
            new_item_text = 'New Item'
            new_item = QListWidgetItem(new_item_text)
            self.listWidget.addItem(new_item)
    
        def removeItem(self):
            selected_items = self.listWidget.selectedItems()
            for item in selected_items:
                self.listWidget.takeItem(self.listWidget.row(item))
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        window = ListWidgetExample()
        window.show()
        sys.exit(app.exec_())

### 7.1 将列表项目添加到指定列表中 ###

new_item_text = 'New Item'
    new_item = QListWidgetItem(new_item_text)
    self.listWidget.addItem(new_item)

### 7.2 移除指定项目 ###

item_to_remove = self.listWidget.item(2)  # 获取第3个项目（索引为2）
    self.listWidget.takeItem(self.listWidget.row(item_to_remove))

### 7.3 设置默认选中 ###

default_row = 1  # 设置默认选中第2个项目（索引为1）
    self.listWidget.setCurrentRow(default_row)

### 7.4 清空选中 ###

self.listWidget.clearSelection()

## 8. 表格 ##

在 PyQt5 中，表格（QTableWidget）是一个用于显示二维表格数据的界面元素。它类似于电子表格，可以在单元格中显示文本、图像等内容。

self.tableWidget = QTableWidget(4, 3)  # 创建一个4行3列的表格
    # 设置3个表头
    self.tableWidget.setHorizontalHeaderLabels(['Column 1', 'Column 2', 'Column 3'])

for row in range(4):
                for col in range(3):
                    item = QTableWidgetItem(data[row][col]) # 创建一个表格元素 data[行][列]
                    self.tableWidget.setItem(row, col, item) # 添加元素

![在这里插入图片描述][e06e7fcb8bd9450786c4eb314836e09b.png]

完整案例：

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QTableWidget, QTableWidgetItem, QVBoxLayout, QWidget
    
    
    class TableWidgetExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setWindowTitle('Table Widget Example')
            self.setGeometry(100, 100, 400, 300)
    
            layout = QVBoxLayout()
    
            self.tableWidget = QTableWidget(4, 3)  # 创建一个4行3列的表格
            # 设置3个表头
            self.tableWidget.setHorizontalHeaderLabels(['Column 1', 'Column 2', 'Column 3'])
    
            self.populateTable()
    
            layout.addWidget(self.tableWidget)
    
            self.central_widget = QWidget()
            self.central_widget.setLayout(layout)
            self.setCentralWidget(self.central_widget)
    
        def populateTable(self):
            data = [
                ['Row 1, Col 1', 'Row 1, Col 2', 'Row 1, Col 3'],
                ['Row 2, Col 1', 'Row 2, Col 2', 'Row 2, Col 3'],
                ['Row 3, Col 1', 'Row 3, Col 2', 'Row 3, Col 3'],
                ['Row 4, Col 1', 'Row 4, Col 2', 'Row 4, Col 3']
            ]
    
            for row in range(4):
                for col in range(3):
                    item = QTableWidgetItem(data[row][col]) # 创建一个表格元素 data[行][列]
                    self.tableWidget.setItem(row, col, item) # 添加元素
    
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        window = TableWidgetExample()
        window.show()
        sys.exit(app.exec_())

### **8.1添加行** ###

使用 `insertRow(row)` 方法可以在指定位置插入一行。

pythonCopy code
    tableWidget.insertRow(row_index)

### 8.2添加列 ###

使用 `insertColumn(column)` 方法可以在指定位置插入一列。

pythonCopy code
    tableWidget.insertColumn(column_index)

### 8.3 设置单元格内容 ###

使用 `setItem(row, column, item)` 方法可以将一个 QTableWidgetItem 对象放置到指定行和列的单元格中。

pythonCopy codeitem = QTableWidgetItem("Cell Value")
    tableWidget.setItem(row_index, column_index, item)

### 8.4 获取单元格内容 ###

使用 `item(row, column)` 方法可以获取指定行和列的单元格中的 QTableWidgetItem 对象。

pythonCopy codeitem = tableWidget.item(row_index, column_index)
    cell_value = item.text() if item is not None else ""

### 8.6 合并单元格 ###

使用 `setSpan(row, column, row_span, column_span)` 方法可以合并指定范围内的单元格。

pythonCopy code
    tableWidget.setSpan(row_index, column_index, row_span, column_span)

### 8.7 清除内容 ###

使用 `clear()` 方法可以清除表格中的所有内容。

pythonCopy code
    tableWidget.clear()

### 8.8 移除行和列 ###

使用 `removeRow(row)` 和 `removeColumn(column)` 方法可以移除指定行和列。

pythonCopy codetableWidget.removeRow(row_index)
    tableWidget.removeColumn(column_index)

### 8.9 设置单元格对齐 ###

使用 `item(row, column).setTextAlignment(alignment)` 方法可以设置指定单元格的文本对齐方式。

pythonCopy codeitem = QTableWidgetItem("Aligned Text")
    item.setTextAlignment(Qt.AlignCenter)  # 或者 Qt.AlignLeft, Qt.AlignRight, Qt.AlignTop, Qt.AlignBottom 等
    tableWidget.setItem(row_index, column_index, item)

### 8.10 综合案例-带操作列的表格 ###

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QTableWidget, QTableWidgetItem, QPushButton, QVBoxLayout, QWidget
    
    class TableWithButtonsExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setWindowTitle('Table with Buttons Example')
            self.setGeometry(100, 100, 600, 400)
    
            layout = QVBoxLayout()
    
            self.tableWidget = QTableWidget(4, 4)  # 创建一个4行4列的表格
            self.tableWidget.setHorizontalHeaderLabels(['Select', 'Name', 'Age', 'Actions'])
    
            self.populateTable()
    
            layout.addWidget(self.tableWidget)
    
            self.central_widget = QWidget()
            self.central_widget.setLayout(layout)
            self.setCentralWidget(self.central_widget)
    
        def populateTable(self):
            data = [
                {
        'name': 'Alice', 'age': 25},
                {
        'name': 'Bob', 'age': 30},
                {
        'name': 'Carol', 'age': 28},
                {
        'name': 'David', 'age': 22}
            ]
    
            for row, item_data in enumerate(data):
                select_item = QTableWidgetItem()
                select_item.setFlags(select_item.flags() | Qt.ItemIsUserCheckable)
                select_item.setCheckState(Qt.Unchecked)
                self.tableWidget.setItem(row, 0, select_item)
    
                name_item = QTableWidgetItem(item_data['name'])
                self.tableWidget.setItem(row, 1, name_item)
    
                age_item = QTableWidgetItem(str(item_data['age']))
                self.tableWidget.setItem(row, 2, age_item)
    
                view_button = QPushButton('View')
                edit_button = QPushButton('Edit')
                delete_button = QPushButton('Delete')
    
                button_container = QWidget()
                button_layout = QHBoxLayout()
                button_layout.addWidget(view_button)
                button_layout.addWidget(edit_button)
                button_layout.addWidget(delete_button)
                button_container.setLayout(button_layout)
    
                self.tableWidget.setCellWidget(row, 3, button_container)
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        window = TableWithButtonsExample()
        window.show()
        sys.exit(app.exec_())

![在这里插入图片描述][db62b68b7fdf4c5cb7c5ec46e67dc81a.png]

## 9. 时间选择器 ##

在 PyQt5 中，可以使用 QDateTimeEdit 组件来实现日期时间选择器。

self.dateTimeEdit = QDateTimeEdit() # 创建一个时间选择器
    self.dateTimeEdit.setDateTime(QDateTime.currentDateTime())  # 设置默认值为当前日期时间

![在这里插入图片描述][a4a98e5180964418a253b3e2001edc42.png]

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QDateTimeEdit, QVBoxLayout, QPushButton, QLabel, QWidget
    from PyQt5.QtCore import QDateTime
    
    class DateTimePickerExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setWindowTitle('Date Time Picker Example')
            self.setGeometry(100, 100, 300, 200)
    
            layout = QVBoxLayout()
    
            self.dateTimeEdit = QDateTimeEdit() # 创建一个时间选择器
            self.dateTimeEdit.setDateTime(QDateTime.currentDateTime())  # 设置默认值为当前日期时间
            layout.addWidget(self.dateTimeEdit)
    
            self.getValueButton = QPushButton('Get Value')
            self.getValueButton.clicked.connect(self.getValue)
            layout.addWidget(self.getValueButton)
    
            self.clearValueButton = QPushButton('Clear Value')
            self.clearValueButton.clicked.connect(self.clearValue)
            layout.addWidget(self.clearValueButton)
    
            self.valueLabel = QLabel()
            layout.addWidget(self.valueLabel)
    
            self.central_widget = QWidget()
            self.central_widget.setLayout(layout)
            self.setCentralWidget(self.central_widget)
    
        def getValue(self):
            selected_datetime = self.dateTimeEdit.dateTime()
            formatted_datetime = selected_datetime.toString("yyyy-MM-dd HH:mm:ss")
            self.valueLabel.setText(f"Selected Value: {
          formatted_datetime}")
    
        def clearValue(self):
            self.dateTimeEdit.clear()  # 清空日期时间选择器的值
            self.valueLabel.setText("Selected Value: Cleared")
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        window = DateTimePickerExample()
        window.show()
        sys.exit(app.exec_())

### 9.1 设置时间 ###

self.dateTimeEdit.setDateTime(QDateTime.currentDateTime())  # 设置默认值为当前日期时间

使用字符串日期设置：

time_str = "2023-08-21 15:30:00"
            datetime_value = QDateTime.fromString(time_str, "yyyy-MM-dd HH:mm:ss")
            self.dateTimeEdit.setDateTime(datetime_value)

### 9.2 获取时间 ###

selected_datetime = self.dateTimeEdit.dateTime()
    formatted_datetime = selected_datetime.toString("yyyy-MM-dd HH:mm:ss")

## 10. 文件选择器 ##

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QFileDialog
    
    class FileDialogExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setGeometry(100, 100, 300, 200)
            self.setWindowTitle('File Dialog Example')
    
            self.button = QPushButton('Open File Dialog', self)
            self.button.setGeometry(100, 100, 150, 30)
            self.button.clicked.connect(self.showFileDialog)
    
        def showFileDialog(self):
            options = QFileDialog.Options()
            options |= QFileDialog.ReadOnly  # 可选：设置文件选择框为只读模式
    
            file_path, _ = QFileDialog.getOpenFileName(self, "Open File", "", "All Files (*);;Text Files (*.txt)", options=options)
    
            if file_path:
                print("Selected file:", file_path)
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        ex = FileDialogExample()
        ex.show()
        sys.exit(app.exec_())

![在这里插入图片描述][91e08258320a45338102fafcbfa986e6.png]

点击按钮会弹出一个文件选择框，允许你选择文件。你可以根据自己的需求进行修改和扩展。在 `getOpenFileName` 方法中，你可以通过调整第四个参数的字符串来指定不同的文件过滤器。这个参数使用了一种类似于 “文件类型描述 (\*扩展名);;文件类型描述 (\*扩展名)” 的格式。

## 11. 显示图片 ##

> 在 PyQt5 中，你可以使用 `QLabel` 来显示图片。要显示图片，你需要使用 `QPixmap` 创建一个图像对象，然后将它设置给 `QLabel` 的 `setPixmap` 方法。

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QLabel, QVBoxLayout, QWidget
    from PyQt5.QtGui import QPixmap
    
    class ImageDisplayExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setGeometry(100, 100, 400, 300)
            self.setWindowTitle('Image Display Example')
    
            central_widget = QWidget(self)
            self.setCentralWidget(central_widget)
    
            layout = QVBoxLayout()
            central_widget.setLayout(layout)
    
            self.image_label = QLabel(self)
            layout.addWidget(self.image_label)
    
            self.loadImage()
    
        def loadImage(self):
            pixmap = QPixmap('path_to_your_image.jpg')  # 替换为你的图片路径
            self.image_label.setPixmap(pixmap)
            self.image_label.setAlignment(Qt.AlignCenter)
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        ex = ImageDisplayExample()
        ex.show()
        sys.exit(app.exec_())

> 在这个案例中，你需要将 `'path_to_your_image.jpg'` 替换为你自己的图片文件的路径。`QPixmap` 类用于加载图片，而 `QLabel` 则用于显示图像。通过调用 `setPixmap` 方法，你可以将加载的图像设置给 `QLabel`，然后使用 `setAlignment` 方法来设置图像在 `QLabel` 中的对齐方式。

![在这里插入图片描述][a163d9c713e448f4816fd0eb0dfb1f6e.png]

## 12. 工具栏 ##

> 使用 `QMenu` 和 `QToolBar` 来创建菜单和工具栏。菜单用于创建应用程序的导航菜单，而工具栏则提供了快速访问常用功能的方式

import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QAction, QMenu, QToolBar
    
    class MenuAndToolbarExample(QMainWindow):
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            self.setGeometry(100, 100, 800, 600)
            self.setWindowTitle('Menu and Toolbar Example')
    
            self.createMenu()
            self.createToolbar()
    
        def createMenu(self):
            menubar = self.menuBar()
    
            file_menu = menubar.addMenu('File')
            edit_menu = menubar.addMenu('Edit')
    
            new_action = QAction('New', self)
            new_action.triggered.connect(self.newFile)
            file_menu.addAction(new_action)
    
            open_action = QAction('Open', self)
            open_action.triggered.connect(self.openFile)
            file_menu.addAction(open_action)
    
            exit_action = QAction('Exit', self)
            exit_action.triggered.connect(self.close)
            file_menu.addAction(exit_action)
    
            undo_action = QAction('Undo', self)
            edit_menu.addAction(undo_action)
    
            redo_action = QAction('Redo', self)
            edit_menu.addAction(redo_action)
    
        def createToolbar(self):
            toolbar = QToolBar(self)
            self.addToolBar(toolbar)
    
            new_action = QAction('New', self)
            new_action.triggered.connect(self.newFile)
            toolbar.addAction(new_action)
    
            open_action = QAction('Open', self)
            open_action.triggered.connect(self.openFile)
            toolbar.addAction(open_action)
    
            save_action = QAction('Save', self)
            toolbar.addAction(save_action)
    
        def newFile(self):
            print("New File")
    
        def openFile(self):
            print("Open File")
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        ex = MenuAndToolbarExample()
        ex.show()
        sys.exit(app.exec_())

![在这里插入图片描述][49cc3cd7048e457ca105e5363f46d5c0.png]

> 我们创建了一个具有简单菜单和工具栏的窗口。`QMenu` 用于创建菜单，`QToolBar` 用于创建工具栏。我们创建了一个 “File” 菜单和一个 “Edit” 菜单，每个菜单都有相应的操作。在工具栏中，我们放置了 “New” 和 “Open” 功能的按钮。
> 
> 当点击菜单项或工具栏按钮时，与之相关联的槽函数将被触发。在这个案例中，点击 “New” 或 “Open” 菜单项或工具栏按钮会分别调用 `newFile` 和 `openFile` 方法，这里我们只是打印了一些文本，但你可以在这些方法中执行自己的操作。

## 13. 隐藏窗口栏和设置窗口图标 ##

### 13.1 隐藏窗口栏 ###

self.setWindowFlags(Qt.FramelessWindowHint)  # 设置窗口标志位为无边框

![在这里插入图片描述][025903b8957b4fc0af2c404bda3e22d9.png]

### 13.2 设置窗口图标 ###

要在 PyQt5 中设置窗口的小图标（窗口图标），你可以使用 `QIcon` 类来加载图标文件，并将其设置给窗口对象的 `setWindowIcon` 方法

from PyQt5.QtGui import QIcon
    
    icon = QIcon('path_to_your_icon.png')  # 替换为你的图标文件路径
    self.setWindowIcon(icon)

![在这里插入图片描述][22fd0f7eea874058bcaa4988ef74a1e7.png]

## 14. **网页视图** ##

> 首先第一步需要安装PyQtWebEngine模块

pip install PyQtWebEngine

> 编写代码

import sys
    
    from PyQt5.QtCore import QUrl
    from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget
    from PyQt5.QtWebEngineWidgets import QWebEngineView
    
    class WebViewExample(QMainWindow):
        def __init__(self):
            super().__init__()
            self.init_ui()
    
        def init_ui(self):
            self.setWindowTitle('网页视图示例')
            self.setGeometry(100, 100, 800, 600)
    
            self.webview = QWebEngineView()
            self.webview.setUrl(QUrl('https://www.baidu.com'))  # Load the OpenAI website
    
            layout = QVBoxLayout()
            layout.addWidget(self.webview)
    
            central_widget = QWidget()
            central_widget.setLayout(layout)
            self.setCentralWidget(central_widget)
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        example = WebViewExample()
        example.show()
        sys.exit(app.exec_())

![在这里插入图片描述][9c49390914cc4acf9c237ec8b85480de.png]

## 15.**音频和视频播放器** ##

`QMediaPlayer` 来实现音频和视频播放功能。

`QMediaPlayer` 是一个多媒体播放器，它可以用来播放音频和视频文件。

### 15.1 音乐播放器 ###

import sys
    
    from PyQt5.QtCore import QUrl
    from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QVBoxLayout, QWidget
    from PyQt5.QtMultimedia import QMediaPlayer, QMediaContent
    
    class AudioPlayerExample(QMainWindow):
        def __init__(self):
            super().__init__()
            self.init_ui()
    
        def init_ui(self):
            self.setWindowTitle('音频播放器示例')
            self.setGeometry(100, 100, 300, 100)
    
            self.media_player = QMediaPlayer()
            self.media_player.setMedia(QMediaContent(QUrl.fromLocalFile('static/msc.mp3')))  # Replace with your audio file path
    
            self.play_button = QPushButton('播放')
            self.play_button.clicked.connect(self.play_audio)
    
            self.stop_button = QPushButton('暂停')
            self.stop_button.clicked.connect(self.stop_audio)
    
            layout = QVBoxLayout()
            layout.addWidget(self.play_button)
            layout.addWidget(self.stop_button)
    
            central_widget = QWidget()
            central_widget.setLayout(layout)
            self.setCentralWidget(central_widget)
    
        def play_audio(self):
            self.media_player.play()
    
        def stop_audio(self):
            self.media_player.pause()
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        example = AudioPlayerExample()
        example.show()
        sys.exit(app.exec_())

![在这里插入图片描述][cb69c52613ab4a98879fad0021e50233.png]

## 16. 弹窗 ##

### 16.1 消息框 ###

**QMessageBox**：用于显示各种类型的消息框，如信息、警告、错误等。

from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QMessageBox
    
    class MyWindow(QMainWindow):
        def __init__(self):
            super().__init__()
    
            button = QPushButton("Show Message Box", self)
            button.clicked.connect(self.show_message_box)
    
        def show_message_box(self):
            QMessageBox.information(self, "Information", "This is an information message.")
    
    app = QApplication([])
    window = MyWindow()
    window.show()
    app.exec_()

![在这里插入图片描述][a3e12313eb694353840792a490b8afe8.png]

### 16.2 操作对话框 ###

**QInputDialog**：用于获取用户输入的对话框。

from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QInputDialog
    
    class MyWindow(QMainWindow):
        def __init__(self):
            super().__init__()
    
            button = QPushButton("Get Input", self)
            button.clicked.connect(self.get_input)
    
        def get_input(self):
            text, ok = QInputDialog.getText(self, "Input Dialog", "Enter your name:")
            if ok:
                print(f"Entered name: {
          text}")
    
    app = QApplication([])
    window = MyWindow()
    window.show()
    app.exec_()

![在这里插入图片描述][909b0c76789e4e9089b519da82f00c55.png]

### 16.3 文件对话框 ###

**QFileDialog**：用于打开文件对话框或保存文件对话框。

from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QFileDialog
    
    class MyWindow(QMainWindow):
        def __init__(self):
            super().__init__()
    
            button = QPushButton("Open File", self)
            button.clicked.connect(self.open_file)
    
        def open_file(self):
            options = QFileDialog.Options()
            options |= QFileDialog.ReadOnly
            file_name, _ = QFileDialog.getOpenFileName(self, "Open File", "", "All Files (*)", options=options)
            if file_name:
                print(f"Selected file: {
          file_name}")
    
    app = QApplication([])
    window = MyWindow()
    window.show()
    app.exec_()

![在这里插入图片描述][99d22485b7c8424e920ddeae03eee9e0.png]

代码解释：

options |= QFileDialog.ReadOnly

这个代码的意思是将 `options` 变量与 `QFileDialog.ReadOnly` 进行按位或操作，并将结果赋值给 `options` 变量。

`QFileDialog.ReadOnly` 是一个常量，它表示一个标志，用于在 `QFileDialog` 中设置只读选项。当你按位或操作符 `|` 将这个标志与其他选项组合时，你可以在 `QFileDialog` 中设置多个选项。

例如，假设你有以下代码：

options = QFileDialog.Options()
    options |= QFileDialog.ReadOnly
    options |= QFileDialog.DontUseNativeDialog

这里，我们首先创建了一个空的 `QFileDialog.Options` 对象。然后，通过 `options |= QFileDialog.ReadOnly`，我们将只读选项添加到了 `options` 中。接着，通过 `options |= QFileDialog.DontUseNativeDialog`，我们又将不使用原生对话框的选项添加到了 `options` 中。

最终，`options` 变量会包含这两个选项的组合，你可以将其传递给 `QFileDialog` 的相关方法，以便按照所选的选项来打开文件对话框。

## 17. 打包方法 ##

### 17.1 环境准备 ###

首先安装pyinstaller，使用安装命令：pip install pyinstaller；使用清华大学镜像源加快速度

pip install pyinstaller -i https://pypi.tuna.tsinghua.edu.cn/simple

### 17.2 进行打包 ###

我们写的python脚本是不能脱离python解释器单独运行的，所以在打包的时候，至少会将python解释器和脚本一起打包，同样，为了打包的exe能正常运行，会把我们所有安装的第三方包一并打包到exe。

即使我们的项目只使用的一个requests包，但是可能我们还安装了其他n个包，但是他不管，因为包和包只有依赖关系的。比如我们只装了一个requests包，但是requests包会顺带装了一些其他依赖的小包，所以为了安全，只能将所有第三方包+python解释器一起打包。

#### 1. 单文件打包 ####

> 去除控制台打包

pyinstaller -F -w 文件地址

> 带控制台打包

pyinstaller -F 文件地址

> 打包指定exe 图标打包

pyinstaller -F -i 图标 主文件

#### 2. 多文件打包 ####

pyinstaller [主文件] -p [其他文件1] -p [其他文件2] --hidden-import [自建模块1] --hidden-import [自建模块2]

[bb91ad116f604fd0afbecc30a5ea602d.png]: https://img-blog.csdnimg.cn/bb91ad116f604fd0afbecc30a5ea602d.png
[e587624aeebb4acca379746cd57bda76.png]: https://img-blog.csdnimg.cn/e587624aeebb4acca379746cd57bda76.png
[5cec45e10f3d466198bcb1489393e329.png]: https://img-blog.csdnimg.cn/5cec45e10f3d466198bcb1489393e329.png
[d9bc82b08ae3454298d583a29a92e0df.png]: https://img-blog.csdnimg.cn/d9bc82b08ae3454298d583a29a92e0df.png
[6b15833c358b4b7b8b1b9dacad11219a.png]: https://img-blog.csdnimg.cn/6b15833c358b4b7b8b1b9dacad11219a.png
[c2808debaa6f4f5e85ea678a92b9d7af.png]: https://img-blog.csdnimg.cn/c2808debaa6f4f5e85ea678a92b9d7af.png
[1bbaaad8f8b045a8b334b7ecaf29a4fb.png]: https://img-blog.csdnimg.cn/1bbaaad8f8b045a8b334b7ecaf29a4fb.png
[202910ecf8e54de9bfbe50b7d0a146f9.png]: https://img-blog.csdnimg.cn/202910ecf8e54de9bfbe50b7d0a146f9.png
[8be51e1907d540da9572d3b6b4e978a1.png]: https://img-blog.csdnimg.cn/8be51e1907d540da9572d3b6b4e978a1.png
[3f9f47c9421d4d0494892cccb0e23b92.png]: https://img-blog.csdnimg.cn/3f9f47c9421d4d0494892cccb0e23b92.png
[7d60d1d38f334426a9ca85f97157c5a2.png]: https://img-blog.csdnimg.cn/7d60d1d38f334426a9ca85f97157c5a2.png
[d32a9127e9804498a5a69c5dde0cca49.png]: https://img-blog.csdnimg.cn/d32a9127e9804498a5a69c5dde0cca49.png
[e2533522701c4f4a8b283658b5409ecd.png]: https://img-blog.csdnimg.cn/e2533522701c4f4a8b283658b5409ecd.png
[e06e7fcb8bd9450786c4eb314836e09b.png]: https://img-blog.csdnimg.cn/e06e7fcb8bd9450786c4eb314836e09b.png
[db62b68b7fdf4c5cb7c5ec46e67dc81a.png]: https://img-blog.csdnimg.cn/db62b68b7fdf4c5cb7c5ec46e67dc81a.png
[a4a98e5180964418a253b3e2001edc42.png]: https://img-blog.csdnimg.cn/a4a98e5180964418a253b3e2001edc42.png
[91e08258320a45338102fafcbfa986e6.png]: https://img-blog.csdnimg.cn/91e08258320a45338102fafcbfa986e6.png
[a163d9c713e448f4816fd0eb0dfb1f6e.png]: https://img-blog.csdnimg.cn/a163d9c713e448f4816fd0eb0dfb1f6e.png
[49cc3cd7048e457ca105e5363f46d5c0.png]: https://img-blog.csdnimg.cn/49cc3cd7048e457ca105e5363f46d5c0.png
[025903b8957b4fc0af2c404bda3e22d9.png]: https://img-blog.csdnimg.cn/025903b8957b4fc0af2c404bda3e22d9.png
[22fd0f7eea874058bcaa4988ef74a1e7.png]: https://img-blog.csdnimg.cn/22fd0f7eea874058bcaa4988ef74a1e7.png
[9c49390914cc4acf9c237ec8b85480de.png]: https://img-blog.csdnimg.cn/9c49390914cc4acf9c237ec8b85480de.png
[cb69c52613ab4a98879fad0021e50233.png]: https://img-blog.csdnimg.cn/cb69c52613ab4a98879fad0021e50233.png
[a3e12313eb694353840792a490b8afe8.png]: https://img-blog.csdnimg.cn/a3e12313eb694353840792a490b8afe8.png
[909b0c76789e4e9089b519da82f00c55.png]: https://img-blog.csdnimg.cn/909b0c76789e4e9089b519da82f00c55.png
[99d22485b7c8424e920ddeae03eee9e0.png]: https://img-blog.csdnimg.cn/99d22485b7c8424e920ddeae03eee9e0.png