如何开发基于可视化设计的GUI程序界面？

本文共计6030个文字，预计阅读时间需要25分钟。

使用PyQt5创建了一个简单的GUI应用程序，包括窗口体以及其上的标签对象的创建和属性设置，均由代码完成。显然，这种纯代码方式构建UI相对繁琐，尤其是在窗口体和标签等对象的设计上。

示例Demo2_1用PyQt5的一些类创建了一个简单的GUI应用程序，窗体及窗体上的标签对象的创建和属性设置都完全由代码完成。显然这种纯代码方式构造UI的方式是比较麻烦的，特别是在窗体上组件比较多、层次比较复杂的时候，纯代码方式构造界面的工作量和难度可想而知。

Qt提供了可视化界面设计工具Qt Designer，以及Qt Creator中内置的UI Designer。可视化地设计UI窗体可以大大提高GUI应用程序开发的工作效率。

本节通过示例Demo2_2演示如何用UI Designer可视化设计UI窗体，然后转换为Python程序，再构建为Python的GUI程序。主要工作步骤如下。

（1）在UI Designer中可视化设计窗体。

（2）用工具软件pyuic5将窗体文件（.ui文件）转换为Python程序文件。

（3）使用转换后的窗体的Python类构建GUI应用程序。

2.2.1 用UI Designer可视化设计窗体

在Qt Creator中点击菜单项“File”→“New File or Project…”，在出现的对话框里选择“Qt”分组里的“Qt Designer Form”（如图2-2所示），这将创建一个单纯的窗体文件（.ui文件）。

在图2-2的对话框中点击“Choose…”按钮后，出现如图2-3所示的窗体模板选择界面。窗体模板主要有以下3种。

• Dialog模板，基于QDialog类的窗体，具有一般对话框的特性，如可以模态显示、具有返回值等。