8 第一个PyQt5应用之添加控件

在上一篇中，我们已经成功创建了我们的第一个PyQt5窗口。现在是时候在这个窗口中添加一些控件，使我们的应用变得更加生动有趣。在本篇教程中，我们将学习如何在我们的窗口中添加各种控件，如按钮、标签和文本框。

什么是控件？

控件是构成图形用户界面（GUI）的基本元素，它们是用户与应用程序交互的方式。PyQt5提供了多种控件，我们可以通过编程向我们的窗口中添加它们。

添加控件

为了演示如何添加控件，我们将首先创建一个基本的应用程序，并在其中添加以下几种控件：

1. QLabel - 标签，用于显示文本。
2. QLineEdit - 单行文本框，用于输入文本。
3. QPushButton - 按钮，用于触发某些操作。

创建基本应用程序

首先，我们创建一个基本的PyQt5应用程序以及一个主窗口，然后添加控件。以下是完整的代码示例：

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

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("我的第一个PyQt5应用")
        self.setGeometry(100, 100, 300, 200)

        # 创建一个垂直布局
        layout = QVBoxLayout()

        # 创建标签
        self.label = QLabel("请输入你的名字:")
        
        # 创建文本框
        self.line_edit = QLineEdit()
        
        # 创建按钮
        self.button = QPushButton("提交")
        self.button.clicked.connect(self.on_button_clicked)  # 连接按钮事件

        # 将控件添加到布局中
        layout.addWidget(self.label)
        layout.addWidget(self.line_edit)
        layout.addWidget(self.button)

        # 设置窗口的布局
        self.setLayout(layout)

    def on_button_clicked(self):
        name = self.line_edit.text()  # 获取输入的文本
        self.label.setText(f"你好, {name}!")  # 更新标签的文本

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MyWindow()
    window.show()
    sys.exit(app.exec_())

代码解析

1. 导入模块: 首先，我们需要导入必要的模块，如QApplication, QWidget, QLabel, QLineEdit, QPushButton, 和QVBoxLayout。

2. 创建窗口: 我们定义了一个MyWindow类，继承自QWidget。在__init__方法中，我们设置窗口的标题和尺寸。

3. 创建控件:

   • 标签: 使用QLabel创建一个标签，显示提示信息。
   • 文本框: 使用QLineEdit创建一个输入框，让用户可以输入数据。
   • 按钮: 使用QPushButton创建一个按钮，并连接其点击事件到on_button_clicked方法。

4. 布局管理: 我们使用QVBoxLayout将控件垂直排列，并设置为窗口的布局。

5. 事件处理: 在on_button_clicked方法中，我们获取文本框中的内容，并动态地更新标签的文本。

运行程序

运行以上代码后，你会看到一个窗口，里面有一个标签、一个文本框和一个按钮。用户可以在文本框中输入他们的名字，点击“提交”按钮后，标签将显示一条问候消息。

小结

在本节中，我们学习了如何在PyQt5中添加控件以丰富用户界面。我们创建了一个简单的输入应用，通过标签获取用户输入，按钮触发事件以显示个性化的消息。

在下一篇教程中，我们将学习如何使用应用程序主循环保持我们的窗口运行并响应用户输入。希望你能愉快地继续探索PyQt5的世界！