首页 > Python GUI编程 阅读数:33

PyQt Designer安装使用教程(图示版)

Qt Designer 采用图形化的方法来编写界面程序,使用起来非常方便。本节将详细介绍 Qt Designer 的用法。

Qt Designer简介

Qt Designer 即 Qt 设计师,是一个强大的、灵活的可视化 GUI 设计工具,是 Python 设计中一个非常实用的工具,使得人们编写 Qt 界面不仅可以使用纯代码,还可以在可视化的基础上进行设置。

Qt Designer 的优点:使用简单,可通过拖曳组件等完成界面设计,随时查看结果图;易于转换为 Python 文件。

Qt Designer安装

在安装 PyQt 5 后,系统会默认安装 Qt Designer。Qt Designer的默认安装路径为 E:\python\python\Lib\site-packages\PyQt5\designer.exe。如果在默认安装路径下没有找到 designer.exe 文件,那么在 cmd 中输入 pip3 install PyQt5-tools,在 D:\Program Files\python3.6\Lib\site-packages\pyqt5-tools 目录中可以找到,如图 1 所示。


图 1:Qt Designer 的启动文件 designer.exe 的位置

打开该文件后,会自动弹出“新建窗口”对话框,如图 2 所示。

图 2:“新建窗口”对话框
图 2:“新建窗口”对话框

窗口的基本介绍

窗口中的 Widget Box 区域如图 3 所示。该区域提供了很多控件,每个控件都有自己的名称,可提供不同的功能。

Widget Box区域
图 3:Widget Box 区域

图 4 表示新建窗口,可从 Widget Box 区域的 Buttons 卷展栏中拖曳按钮到其中。

新建窗口
图 4:新建窗口

如图 5 所示,可以查看主窗口放置的对象列表。

主窗口放置的对象列表
图 5:主窗口放置的对象列表

如图 6 所示为 Qt Designer 的属性编辑器,如 geometry 控制相对坐标系、sizePolicy 控制大小策略、font 控制字体等。

Qt Designer的属性编辑器
图 6:Qt Designer 的属性编辑器

如图 7 所示为 Qt Designer 的信号/槽编辑器,可以为控件添加自定义的信号和槽函数,还可以编辑控件的信号和槽函数。

图 7:Qt Designer的信号/槽编辑器
图 7:Qt Designer 的信号/槽编辑器

如图 8 所示为 Qt Designer 的资源浏览器,可以为控件添加图片。


图 8:Qt Designer 的资源浏览器

ui文件的查看及与.py文件的转换

1) .ui文件的查看

窗口设计完成后,会以.ui文件的形式保存。如需查看,只需以文本方式打开即可。

2) 将.ui文件转换为.py文件

将 .ui 文件转换为 .py 文件的方法有很多,例如,利用 Eric6 工具转换、利用 pyuic5 工具转换、利用 Python 脚本转换等。此处仅介绍认为的最简单的方法:在命令行中输入“pyuic5-o文件名.py文件名 .ui”。如果转换成功,则结果如图 9 所示。

文件格式转换成功
图 9:文件格式转换成功