QML Book 第三章 开发工具

3. Qt Creator 集成开发环境

Qt Creator 是 Qt 的默认集成开发环境。它是由 Qt 开发人员为 Qt 开发者编写的。这个 IDE 支持和提供于几乎所有主要桌面平台，例如于 Windows / Mac/ Linux 操作系统。 我们发现已经有客户在嵌入式设备上使用 Qt Creator。Qt Creator 拥有精益高效的用户界面，可以让开发人员更好地完成开发工作。Qt Creator 可以用于运行 Qt Quick 用户界面，也可以用来编译 C++ 代码到我们的主机或者使用交叉编译到我们的设备系统上。

Qt Creator

3.1. 用户界面

启动 Qt Creator 时，首先映入眼帘的是“欢迎”界面。在这个界面中，我们可以找到关于如何在 Qt Creator 和最近使用的项目中继续进行工作的一些提示。我们还能看到会话（sessions）列表，对于刚开始的我们来说这个列表可能是空的。会话是供我们参考的当前存储的项目的集合。 当我们拥有多个较大的项目时，这哥功能将非常方便。一开始我们可以不必管它。

在左侧，您会看到模式选择器。模式选择器包含工作流程中的典型步骤。

• 欢迎模式：指示我们如何开始。
• 编辑模式：专注于代码编辑。
• 设计模式：专注于 UI 设计。
• 调试模式：调试和查看正在运行的应用程序的信息。
• 项目模式：修改项目运行和构建配置。
• 分析模式：用于检测内存泄漏和分析性能等。
• 帮助模式：轻松访问 Qt 帮助文档。

在模式选择器下面，我们可以找到实际的项目配置选择器和运行/调试选项。

用户界面

大多数时候，我们将使用中央面板中的代码编辑器进入编辑模式。当我们需要配置项目时，我们将不时访问“项目”模式。然后按 Run 按钮运行项目。Qt Creator 为我们做了很多额外的工作，这确保我们的项目在运行之前已经正确地编译和构建了。

底部是问题，应用程序消息，编译消息和其他消息的输出窗口。在开发过程中，我们将会用到这些窗口的输出信息。

3.2. 注册我们的 Qt Kit（套件）

最开始使用 Qt Creator 时最困难的部分可能是 Qt Kit（套件）。一个 Qt Kit（套件） 由 Qt 的版本，编译系统和设备等等其它设置来配置它。它使用唯一标识的工具组合来构建你的项目。一个典型的桌面 Kit（套件） 可能包含一个 GCC 编译器，一个 Qt 版本库（比如 Qt 5.1.1）和一个设备（”桌面“）。在你创建好你的项目后你需要为项目指定一个 Kit（套件）来构建项目。在你创建一个 Kit（套件）之前你需要先安装一个编译器并注册一个 Qt 版本。Qt 版本的注册由指定 qmake 的执行路径完成。Qt Creator 通过查询 qmake 的信息来获取 Qt 的版本标识。

添加 Kit（套件）与注册 Qt 版本在 Settings->Bulild & Run entry 中完成，在这里我们也可以查看有哪些已经被注册了的编译器。

** 提示 **
请首先检查您的 Qt Creator 是否已经注册了正确的 Qt 版本，然后确保指定了组合编译器和 Qt 和设备的工具包。 如果没有 Kit（套件），就无法构建项目。

3.3. 管理项目

Qt Creator 在项目中管理我们的源代码。我们可以使用 File ‣ New File 或 Project 创建一个新的项目。创建项目时，我们可以选择应用程序模板。Qt Creator 能够创建桌面或者移动应用程序。应用程序使用 Widgets（窗口组件） 或 Qt Quick 或控件，甚至一个空项目。还支持 HTML5 和 python 的项目。对于初学者来说，很难选择，所以我们为你选择三种项目类型。

• Applications / Qt Quick 2.0 UI：这将为我们创建一个仅限 QML / JS 的项目，而不需要任何 C++ 代码。如果要绘制新的用户界面或计划创建一个现代 UI 应用程序，其中本地部分由插件提供，请采取此操作。
• Libraries / Qt Quick 2.0 Extension Plug-in：使用此向导为 Qt Quick UI 插件创建一个插件。插件用于使用本地元素来扩展 Qt Quick。
• Other Project / Empty Qt Project：一个空的项目。如果我们想从头开始用 C++ 编写我们的应用程序，可以这样做。要知道我们需要知道我们在做什么。

** 提示 **
在本书的第一部分，我们将主要使用 Qt Quick 2.0 UI 项目类型。稍后要描述一些 C++ 方面的内容，我们将使用 Empty-Qt-Project 类型或类似的东西。 要使用我们自己的本地插件扩展 Qt Quick，我们将使用 Qt Quick 2.0 Extension Plug-in 向导类型。

3.4. 使用编辑器

当我们打开项目或刚刚创建一个新项目时，Qt Creator 将切换到编辑模式。我们应该可以在左侧看到我们的项目文件，并在中心区域看到代码编辑器。选择左侧的文件将在编辑器中打开它们。编辑器提供语法高亮，代码补全和快速纠错功能。此外，它还支持几个代码重构命令。当用编辑工作时，我们会感觉到一切操作都会立即有响应。这些都要感谢 Qt Creator 的开发人员，为大家提供了如此棒的开发工具。

使用编辑器

3.5. 定位器

定位器是 Qt Creator 中的一个重要组件。它允许开发人员快速导航到源代码或帮助内的特定位置。要快速打开定位器，请按 Ctrl + K 组合键。

定位器

打开定位器之后，一个弹出窗口将从左下方显示，并显示一个选项列表。如果我们只是在文件名中搜索一个文件，只需点击第一个字母。 定位器也接受通配符，所以 *main.qml 也可以工作。否则，我们也可以前缀搜索以搜索特定的内容类型。

搜索

请尝试一下，例如打开 QML 元素 Rectangle 的帮助，打开定位器并键入 ? Rectangle。当我们键入时定位器将实时地更新搜索结果，直到找到您要查找的内容。

3.6. 调试

Qt Creator 自带 C++ 和 QML 调试支持。

有关调试的内容，最好还是查看 Qt Creator documentation.

3.7. 快捷键

在好使用的系统中和专业系统中，快捷键是不同的。作为专业的开发人员，你也许会在你的应用程序上花很多时间，每一个快捷键都能使你的工作效率得到提高。Qt Creator 的开发者也这样考虑，并且在应用程序中加入了许许多多的快捷键。

我们收集一些基本的快捷方式（在Windows表示法中）：

• Ctrl + B - 构建项目
• Ctrl + R - 运行项目
• Ctrl + Tab - 在打开的文档之间切换
• Ctrl + K - 打开定位器
• Esc - 返回（打几次，我们将会回到编辑器）
• F2 - 查找对应的符号解释
• F4 - 在头文件与源文件之间切换（只对 C++ 代码有效），在 QML 中意思是在 QML 文件编辑和 UI 编辑之间切换

Qt 帮助文档中的 Qt Creator 快捷方式列表。

** 提示 **
我们可以使用下面的设置对话框编辑内建的快捷方式。

编辑快捷键

本文参考链接：Qt Creator IDE