开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 10 天
1 文件说明与界面设计
项目建立完成后会直接进入编辑模式。界面的右边是编辑器，可以阅读和编辑代码。如果觉得字体太小，则可以使用快捷键Ctrl＋“＋”（即同时按下Ctrl键和＋号键）来放大字体，使用Ctrl＋“—”（减号）来缩小字体，或者使用Ctrl键＋鼠标滚轮，使用Ctrl＋0（数字）可以使字体还原到默认大小。再来看左边侧边栏，其中罗列了项目中的所有文件，如下图所示。
现在打开项目目录可以看到，现在只有一个helloworld文件夹，其中包括了6个文件，各个文件的说明如表所列。这些文件的具体内容和用途会在后面的内容中详细讲解。
表 项目目录中各个文件说明
| 文件 | 说明 |
|---|---|
| helloworld.pro | 该文件是项目文件，其中包含了项目相关信息 |
| helloworld.pro.user | 该文件中包含了与用户有关的项目信息 |
| mainwindow.h | 该文件是新建的MainWindow类的头文件 |
| mainwindow.cpp | 该文件是新建的MainWindow类的源文件 |
| main.cpp | 该文件中包含了main（）主函数 |
| mainwindow.ui | 该文件是设计师设计的界面对应的界面文件 |
在Qt Creator的编辑模式下双击项目文件列表中界面文件分类下的mainwindow.ui文件，这时便进入了设计模式，如下图所示。可以看到，设计模式由以下几部分构成：
2 主设计区
主设计区是上图中的中间部分，主要用来设计界面以及编辑各个部件的属性。
3 部件列表窗口（Widget Box）
窗口分类罗列了各种常用的标准部件，可以使用鼠标将这些部件拖入主设计区中，放到主设计区中的界面上。
4 对象查看器（Object Inspector）
查看器列出了界面上所有部件的对象名称和父类，而且以树形结构显示了各个部件的所属关系。可以在这里单击对象来选中该部件。
5 属性编辑器（Property Editor）
编辑器显示了各个部件的常用属性信息，可以更改部件的一些属性，如大小、位置等。这些属性按照从祖先继承的属性、从父类继承的属性和自己属性的顺序进行了分类。
6 动作（Action）编辑器与信号和槽编辑器
两个编辑器可以对相应的对象内容进行编辑。因为现在还没有涉及这些内容，所以放到以后使用时再介绍。
7 常用功能图标
单击最上面侧边栏中的前4个图标可以进入相应的模式，分别是窗口部件编辑模式（这是默认模式）、信号／槽编辑模式、伙伴编辑模式和Tab顺序编辑模式。后面的几个图标用来实现添加布局管理器以及调整大小等功能。
下面从部件列表中找到Label（标签）部件，然后按住鼠标左键将它拖到主设计区的界面上，再双击它进入编辑状态后输入“Hello World！你好Qt！”字符串。Qt Creator的设计模式中有几个过滤器，就写着“Filter”的行输入框。例如，在部件列表窗口过滤器中输入“Label”就快速定位到Label部件，不用自己再去查找。其他几个过滤器作用也是这样。还可以使用“工具→Form Editor”菜单项来实现预览设计效果、设置界面上的栅格间距、在设计部件与其对应的源文件间进行切换等操作。这部分内容可以在帮助索引中通过Getting to Know Qt Designer 关键字查看。
