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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,287评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,346评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,277评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,132评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,147评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,106评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,019评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,862评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,301评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,521评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,682评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,405评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,996评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,651评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,803评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,674评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,563评论 2 352

推荐阅读更多精彩内容