hosteons中文网

在前面两节的例子中，主界面窗口的尺寸和标签控件显示的矩形区域等，都是用 C++ 代码编写的。窗口和控件的尺寸都是预估的，控件如果多起来，那就不好估计每个控件合适的位置和大小了。

用 C++ 代码编写图形界面的问题就是不直观，因此 Qt 项目开发了专门的可视化图形界面编辑器——Qt Designer（Qt 设计师）。通过 Qt Designer 就可以很方便地创建图形界面文件 *.ui ，然后将 ui 文件应用到源代码里面，做到“所见即所得”，大大方便了图形界面的设计。

本节就演示一下 Qt Designer 的简单使用， 学习拖拽控件和设置控件属性，并将 ui 文件应用到 Qt 程序代码里。

使用 Qt Designer 设计界面

在开始菜单中找到「Qt 5.9.0-->5.9-->MinGW 5.3.0(32-bit)-->Designer」，或者在 Qt 命令行工具中直接输入命令designer ，两种方法都可以打开 Qt Designer。 Qt Designer 默认会弹出新建窗体的对话框，如下图所示：