关于在 PyQt5 中使用 Qt Designer 制作 UI 界面的详细讲解

1. 安装与启动 Qt Designer

安装
如果你已经安装了 PyQt5，通常 Qt Designer 会一并安装。如果你使用的是 Anaconda 环境，可以使用以下命令安装：

conda install pyqt 

若使用 pip，则运行：

pip install pyqt5-tools 

启动
在 Windows 系统中，可以在开始菜单找到 Qt Designer 并启动；在 Linux 系统中，可在终端输入 designer 命令来启动。

2. 创建新的 UI 文件

启动 Qt Designer 后，选择 File -> New，在弹出的对话框中选择要创建的界面类型，如 Main Window（主窗口）、Dialog without Buttons（无按钮对话框）等，然后点击 Create。

3. 设计 UI 界面

添加控件

在 Qt Designer 的左侧 Widget Box 中包含了各种常用的控件，如 Push Button（按钮）、Label（标签）、Line Edit（单行输入框）等。只需将所需控件拖放到主设计区域即可。

调整控件属性

选中一个控件后，在右侧的 Property Editor 中可以修改其各种属性，如 text（文本内容）、font（字体）、size（大小）等。例如，选中一个 Push Button，可以在 text 属性中修改按钮上显示的文字。

布局管理

为了让界面布局更加美观和自适应，可以使用布局管理器。在设计区域选中要进行布局的控件，然后右键选择合适的布局方式，如 Horizontal Layout（水平布局）、Vertical Layout（垂直布局）等。布局管理器会自动调整控件的位置和大小。

信号与槽的连接

信号与槽是 Qt 中实现事件处理的机制。在 Qt Designer 中，可以通过 Edit -> Signals/Slots 进入信号与槽编辑模式。点击一个控件，按住鼠标左键拖动到另一个控件上，松开鼠标后会弹出 Configure Connection 对话框，在该对话框中选择触发的信号和要执行的槽函数。例如，将 Push Button 的 clicked() 信号连接到 QMainWindow 的一个自定义槽函数。

4. 保存 UI 文件

设计好界面后，选择 File -> Save，将 UI 文件保存为 .ui 格式。

5. 将 UI 文件转换为 Python 代码

使用 pyuic5 工具
在终端中使用以下命令将 .ui 文件转换为 Python 代码：

pyuic5 -o output.py  input.ui  

其中，input.ui 是你保存的 UI 文件，output.py 是生成的 Python 代码文件。

6. 在 Python 代码中使用生成的 UI

以下是一个简单的示例代码，展示如何在 Python 中加载生成的 UI：

import sys 
from PyQt5.QtWidgets import QApplication, QMainWindow 
from output import Ui_MainWindow 
 
class MainWindow(QMainWindow, Ui_MainWindow): 
    def __init__(self): 
        super().__init__() 
        self.setupUi(self)  
 
if __name__ == '__main__': 
    app = QApplication(sys.argv)  
    window = MainWindow() 
    window.show()  
    sys.exit(app.exec_())  

在上述代码中，首先导入必要的模块，然后定义一个继承自 QMainWindow 和 Ui_MainWindow 的类 MainWindow，在 init 方法中调用 setupUi 方法来设置 UI。最后创建应用程序实例，显示窗口并启动应用程序的事件循环。

通过以上步骤，你就可以使用 Qt Designer 制作 UI 界面，并在 PyQt5 中使用生成的界面了。

扫码关注！