### 创建登录界面的小程序教程 使用 Python 和 QtDesigner 创建一个简单的登录界面小程序，可以按照以下方式实现。以下是详细的过程和代码示例。 #### 1. 安装必要的工具 为了使用 PyQt5 和 QtDesigner，需要安装以下工具： - `pyqt5-tools`：包含 QtDesigner。 - `PyQt5`：用于运行生成的 Python 代码。 可以通过以下命令安装所需的库[^2]： ```bash pip install -i https://pypi.douban.com/simple/ pyqt5-tools pip install -i https://pypi.douban.com/simple/ pyqt5 ``` #### 2. 使用 QtDesigner 设计界面 打开 QtDesigner，创建一个新的 **Widget** 文件，并命名为 `login.ui`。在设计界面上添加以下组件： - 两个 `QLineEdit` 控件：分别用于输入用户名和密码。 - 一个 `QPushButton` 控件：用于提交登录信息。 - 一个 `QLabel` 控件：用于显示提示信息。 调整控件的位置和大小，并设置以下属性： - 第一个 `QLineEdit` 的 `objectName` 设置为 `username_input`。 - 第二个 `QLineEdit` 的 `objectName` 设置为 `password_input`，并将 `echoMode` 设置为 `Password`。 - 按钮的 `objectName` 设置为 `login_button`，文本设置为“登录”。 - 标签的 `objectName` 设置为 `status_label`，初始文本为空。 保存文件为 `login.ui`。 #### 3. 将 `.ui` 文件转换为 Python 代码 使用 `pyuic5` 工具将 `.ui` 文件转换为 Python 代码。运行以下命令[^3]： ```bash pyuic5 login.ui -o login_ui.py ``` 这将生成一个名为 `login_ui.py` 的 Python 文件，其中包含界面的定义。 #### 4. 编写主程序逻辑 创建一个 Python 文件（例如 `main.py`），并导入生成的 `login_ui.py` 文件。在主程序中实现登录按钮的信号和槽功能。 以下是完整的代码示例： ```python import sys from PyQt5.QtWidgets import QApplication, QWidget from PyQt5.QtCore import pyqtSlot from login_ui import Ui_Form # 导入生成的UI类 class LoginApp(QWidget, Ui_Form): def __init__(self): super().__init__() self.setupUi(self) # 初始化UI self.login_button.clicked.connect(self.check_login) # 绑定按钮点击事件 @pyqtSlot() def check_login(self): username = self.username_input.text() # 获取用户名 password = self.password_input.text() # 获取密码 if username == "admin" and password == "123456": # 简单验证 self.status_label.setText("登录成功！") else: self.status_label.setText("用户名或密码错误！") if __name__ == "__main__": app = QApplication(sys.argv) window = LoginApp() window.show() sys.exit(app.exec_()) ``` #### 5. 运行程序 运行 `main.py` 文件，启动登录界面。输入用户名和密码后点击“登录”按钮，程序将根据输入的内容显示相应的提示信息。 --- ### 注意事项 - 在实际应用中，建议对用户输入进行更严格的验证，例如检查是否为空、密码强度等[^4]。 - 如果需要更复杂的界面布局，可以在 QtDesigner 中使用网格布局（Grid Layout）或其他布局管理器。 ---