2.1.2　编辑模式和设计模式

下面通过项目创建的流程来穿插讲解Qt Creator的编辑模式和设计模式。

1．编辑模式

项目创建完成后会直接进入编辑模式，界面默认被分为3个区域：项目树形视图、打开的文档列表和阅览编辑区，如图2-5所示。

　

图2-5　编辑模式

首先我们来看左侧的分栏，位于上方的是项目树形视图，这里分类罗列了整个项目中的所有文件。右上角的工具包含简化树形视图、隐藏目录或生成的文件等功能；而工具用来设置与编辑器同步，选中该工具后，在编辑器切换文件时，在树形视图中会自动选中相应的文件。每个分栏都可以通过左上角的下拉列表选择显示为其他内容，也可以通过右上角的工具来添加新的分栏，可添加的分栏内容如图2-6所示。

位于编辑模式右侧的是代码阅览编辑区，提供了关键字高亮显示、代码自动补全、上下文相关帮助等实用工具。用户可以通过“编辑”菜单或者右击弹出快捷菜单来查看更多编辑相关的功能。如果想调整字体大小，可以使用快捷键Ctrl ++（加号）来放大字体，使用Ctrl +−（减号）来缩小字体，也可以使用Ctrl键+鼠标滚轮来缩放字体，使用Ctrl + 0（数字）使字体还原到默认大小。

图2-6　添加分栏

用户打开项目目录，例如E:\app\src\02\2-1\helloworld，可以在项目树形视图的一个文件上右击，在弹出的快捷菜单上选择“在Explorer中显示”来快速打开项目目录，如图2-7所示。项目目录中现在只有一个helloworld文件夹，该文件夹包含了6个文件，各个文件的说明如表2-1所示。这些文件的具体内容和用途会在后面的内容中详细讲解。

图2-7　在Explorer中显示文件

表2-1　项目目录中各个文件的说明

2．设计模式

在Qt Creator的编辑模式下双击项目树形视图中的hellodialog.ui文件，这时便进入了设计模式，如图2-8所示。可以看到，设计模式由以下几部分构成。

图2-8　设计模式

（1）主设计区。主设计区是图2-8中的中间部分，主要用来显示和设计窗体。

（2）部件列表窗口（Widget Box）。部件列表窗口分类罗列了各种常用的标准部件，可供用户使用鼠标将这些部件拖入主设计区中的窗体上。

（3）对象查看器（Object Inspector）。对象查看器这里列出了窗体上所有部件的对象名称和父类，而且以树形结构显示了各个部件的所属关系。用户可以在这里单击对象，以选中该部件。

（4）属性编辑器（Property Editor）。属性编辑器显示了各个部件的常用属性信息，可供用户更改部件的一些属性，如大小、位置等。这些属性按照从祖先继承的属性、从父类继承的属性和自己的属性的顺序进行了分类。

（5）Action编辑器与信号/槽编辑器。这两个编辑器可供用户对相应的对象内容进行编辑。动作编辑器会在第6章介绍，信号/槽编辑器的内容会在第5章详细介绍。

（6）常用功能图标。单击主设计区上方的4个图标可以进入相应的模式，这些模式分别是窗口部件编辑模式（默认模式）、信号/槽编辑模式、伙伴编辑模式和Tab顺序编辑模式。后面的几个图标用来实现添加布局管理器以及调整大小等功能。

下面我们从部件列表窗口中找到Label（标签）部件，按住鼠标左键将它拖到主设计区中，再双击它进入编辑状态，然后输入“Hello World! 你好Qt！”字符串。Qt Creator的设计模式中有几个过滤器，就是写着“过滤器”的输入框。例如，在部件列表窗口的过滤器中输入“Label”，就可以快速定位到Label部件。用户还可以使用“工具→界面编辑器”菜单项来实现不同风格的预览、设定窗体、在窗体与其对应的源文件间进行切换等操作。更多设计模式的相关内容可以在帮助中通过Getting to Know Qt Designer关键字查看。