使用Qt Designer 设计主窗口

小编:啊南 559阅读 2021.01.18

本篇介绍使用 Qt 设计师创建 主窗口(MainWindow)的大致步骤:

1. 创建主窗口的 界面,保存即生成了.ui 的 文件

1.1 新建界面时选择创建 Main Window

1.2 创建菜单

选中Type Here 处 双击(或按 Enter键)编辑菜单名。输入完毕后按Enter 键 确认,可继续编辑下一个菜单项。如有必要,可以在菜单项之间添加分隔符。可拖动以修改菜单项的顺序。

点菜单项后面的 加号 可以创建 子菜单:

1.3 创建资源(参加 《PyQt 资源文件》篇):

1.4 编辑动作(QAction)

创建菜单项时我们就已经创建了若干的动作,但只是设置了动作的文本。下面我们进入动作编辑器(位于设计师界面的右下):

双击想要完善的QAction,进入动作编辑界面:

在这里,我们可以设定动作的对象名,工具栏提示,图标,快捷键等。还可以设置动作是否为 可选动作(Checkable)。

1.5 创建各个工具条

在工具栏区域有键, 选择 Add Tool Bar,可以创建空的工具条。然后,从动作编辑器拖动(按住左键)想要的 QAction 到工具条上。可拖动以修改工具条按钮的顺序。

1.6 创建中心窗口

从 设计师界面 左边的 部件盒子拖动 中心窗口所需部件到 中心窗口区域。然后编辑好各部件的属性。最后在对象检查器 选定 centralwidget,设定中心窗口的布局。

1.7 按照需要,连接一些预置的信号或 QAction 到预置的槽。

1.8 预览窗体(Ctrl+R) 并检查各个部分是否能按预期的方式正常工作。如一起正常,则保存界面生成 .ui 文件。否则,就要进行必要的修改。

2. 用 PyQt5 的 pyuic5 命令将 .ui 文件转化成 .py 文件(参见《使用Qt Designer 设计对话框(二)》篇)

3. 先在主程序中导入上一步创建的 py文件中的类 Ui_MainWindow, 接着 以多重继承的方式 (先后继承 QMainWindow、Ui_MainWindow),创建 主窗口子类。在初始化方法中调用 setupUi(self)(继承自 Ui_MainWindow)。然后创建各个QAction要调用的槽并 创建/自动 连接,以实现程序的各项功能。

关联标签: