pyqt6 QtDesigner

### PyQt6 使用 Qt Designer 进行界面设计的教程 Qt Designer 是一个用于设计和构建用户界面的可视化工具，它允许开发者通过拖放控件来创建界面，而无需手动编写大量的布局代码。在 PyQt6 中，可以使用 Qt Designer 来设计界面，然后将其保存为 `.ui` 文件，并通过 `pyuic6` 工具将 `.ui` 文件转换为 Python 代码。 #### 1. 安装 PyQt6 和 Qt Designer 要使用 Qt Designer，首先需要安装 `PyQt6` 和 `PyQt6-tools`，后者包含了 Qt Designer 工具。 ```bash pip install PyQt6 PyQt6-tools ``` 安装完成后，可以在命令行中运行以下命令来启动 Qt Designer： ```bash designer ``` #### 2. 使用 Qt Designer 设计界面 启动 Qt Designer 后，可以通过以下步骤创建一个简单的界面： - **新建窗口**：选择 `File > New > Main Window`，然后点击 `Create`。 - **添加控件**：从左侧的控件面板中选择所需的控件（如按钮、标签、输入框等），然后将其拖放到主窗口中。 - **调整布局**：可以使用布局工具（如水平布局、垂直布局、网格布局）来组织控件的位置。右键点击空白处，选择 `Lay Out Horizontally` 或 `Lay Out Vertically` 等选项。 - **设置属性**：选中控件后，在右侧的属性编辑器中可以修改控件的名称、文本、样式等属性。 #### 3. 保存 `.ui` 文件 设计完成后，选择 `File > Save As`，将文件保存为 `.ui` 格式，例如 `mainwindow.ui`。 #### 4. 将 `.ui` 文件转换为 Python 代码 使用 `pyuic6` 工具将 `.ui` 文件转换为 Python 代码。在命令行中运行以下命令： ```bash pyuic6 -x mainwindow.ui -o mainwindow.py ``` - `-x` 参数表示生成的 Python 文件可以直接运行。 - `mainwindow.ui` 是 Qt Designer 保存的界面文件。 - `mainwindow.py` 是生成的 Python 文件。 #### 5. 在 PyQt6 应用程序中加载界面 生成的 `mainwindow.py` 文件可以直接作为主窗口类使用。以下是一个简单的示例代码，展示如何加载并运行该界面： ```python import sys from PyQt6.QtWidgets import QApplication from mainwindow import Ui_MainWindow class MainWindow(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()) ``` 在这个示例中，`MainWindow` 类继承了从 `.ui` 文件生成的 `Ui_MainWindow` 类，并调用 `setupUi` 方法来初始化界面。 #### 6. 连接信号与槽 在 Qt Designer 中，可以通过右键点击控件并选择 `Go to slot` 来创建信号与槽的连接。生成的代码中会包含相应的槽函数框架，开发者可以在其中编写具体的逻辑代码。 例如，如果有一个按钮 `pushButton`，并且为其 `clicked` 信号创建了槽函数，生成的代码中会包含类似以下的函数： ```python def on_pushButton_clicked(self): print("Button clicked!") ``` 开发者可以在该函数中编写按钮点击时的逻辑。 #### 7. 自定义样式和布局 Qt Designer 还支持通过样式表（QSS）来自定义控件的外观。可以在控件的属性编辑器中找到 `styleSheet` 属性，并输入 CSS 样式规则来调整控件的显示效果。 此外，Qt Designer 提供了多种布局管理工具，可以帮助开发者创建响应式界面。通过使用 `QHBoxLayout`、`QVBoxLayout` 和 `QGridLayout` 等布局类，可以确保界面在不同分辨率下保持良好的显示效果。 ---