PyQt5 的 designer.exe 使用布局详解

  在使用 PyQt5 进行 GUI 开发时， designer.exe是一个非常强大的可视化界面设计工具。它可以帮助我们快速创建美观且功能丰富的用户界面，而无需手动编写大量的界面布局代码。本文将详细介绍designer.exe的使用布局，并通过图片、代码和表格来进行展示。

一、打开 designer.exe

  通常，在安装了 PyQt5 后，可以在安装路径下找到designer.exe。运行该程序，会出现一个可视化的界面设计窗口。designer.exe的安装路径具体可以查看PyQt5安装、designer.exe的位置

二、界面布局介绍

1. 菜单栏和工具栏

  菜单栏：提供了各种操作选项，如文件操作、编辑、视图、窗体等。
  工具栏：包含一些常用的操作按钮，如新建窗体、打开文件、保存文件等。
  designer.exe生成设计界面的菜单栏和工具栏的使用具体可以查看窗体MainWindow的属性设置2

2. 组件面板

  位于窗口的左侧，这里列出了各种可用于界面设计的组件，如按钮、标签、文本框、列表框等。通过拖拽这些组件到中间的窗体设计区域，可以快速构建界面。

3. 窗体设计区域

  这是界面设计的主要区域，在这里可以通过拖拽组件、调整大小和位置来布局界面。

4. 属性编辑器

  位于窗口的右侧，当选中一个组件时，属性编辑器会显示该组件的各种属性，如大小、位置、文本内容、颜色等。可以通过修改这些属性来定制组件的外观和行为。

5. 信号 / 槽编辑器

  在窗体设计区域右键点击窗体，选择 “编辑信号 / 槽” 可以打开信号 / 槽编辑器。在这里可以为组件的信号（如按钮的点击事件）连接到槽函数（处理事件的函数）。

三、示例代码及图片展示

  以下是一个简单的使用designer.exe设计的界面示例，包含一个按钮和一个标签。当点击按钮时，标签的文本会发生变化。
  首先，使用designer.exe创建一个新的窗体，拖拽一个按钮和一个标签到窗体设计区域。
在属性编辑器中，修改按钮的文本为 “点击我”，修改标签的文本为 “初始文本”。
  打开信号 / 槽编辑器，将按钮的 “clicked” 信号连接到一个自定义的槽函数。
  下面是生成的.ui文件转换为 Python 代码后的示例：（ui文件转换成py文件具体可以查看designer使用生成程序简单示例）

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from PyQt5 import uic

class MyWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        uic.loadUi('my_ui.ui', self)
        self.pushButton.clicked.connect(self.change_label_text)

    def change_label_text(self):
        self.label.setText("文本已改变")

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