本专栏内容为：QT学习专栏 通过本专栏的深入学习，你可以了解并掌握QT。
💓博主csdn个人主页：小小unicorn
⏩专栏分类：QT
🚚代码仓库：小小unicorn的代码仓库🚚
🌹🌹🌹关注我带你学习编程知识
目录
- QT环境搭建
- 开发环境
- QtCreator
- VisualStudio
- Eclipse
- 下载QTSDK
- QTSDK的安装
- 验证QtSDK安装是否成功
- Qt环境变量配置
- 初始QT Creator
- QtCreator概览
- 使⽤QtCreator新建项⽬
- 新建项⽬
- 选择项⽬模板
- 选择项⽬路径
- 选择构建系统
- 填写类信息设置界⾯
- 选择语⾔和翻译⽂件
- 选择Qt套件
- 选择版本控制系统
- 认识QtCreator界⾯
- 左边栏
- 代码编辑区
- UI设计界⾯
- 构建区
- 项⽬⽂件解析
- main.cpp⽂件解析
- widget.h ⽂件解析
- widget.cpp ⽂件解析
- widget.ui⽂件解析
- .pro⽂件解析
- Qt编程注意事项
- Qt中的命名规范
- QtCreator中的快捷键
- 使⽤帮助⽂档
- QtHelloWorld程序
- 使⽤"按钮"实现
- 使⽤图形化方式实现
- 使用纯代码实现、
- 使⽤"标签"实现
- 图形化方式实现
- 纯代码⽅式实现
- 内存泄漏问题
- 对象树
- Qt窗⼝坐标体系
QT环境搭建
开发环境
在安装QT环境之前，我们首先要明确一点：
我们需要安装三部分
- c++编译器(这里指的不是Visual Studio而是g++,cl.exe)
- QTSDK
- 需要有一个QT的集成开发环境(IDE)
集成开发环境我们介绍三种：
QtCreator
QtCreator是⼀个轻量级的跨平台集成开发环境（IDE），专为使⽤Qt框架进⾏应⽤程序开发⽽设
计。
它是⼀个功能强⼤、易于使⽤、快速且⾼效的⼯具，被⼴泛⽤于编写各种类型的应⽤程序，如桌⾯应
⽤程序、移动应⽤程序和嵌⼊式系统等。
QtCreator提供了⼀个可视化的界⾯设计器和代码编辑器，可以帮助开发者更快捷地创建复杂的⽤⼾
界⾯和处理各种事件。
它还包含了调试⼯具、版本控制⼯具、⾃动完成和智能提⽰等功能，以及⽀持多语⾔和跨平台的开发
环境。
QtCreator的主要特点包括：
• 紧密集成的Qt框架：QtCreator专⻔为Qt开发⽽设计，因此它与Qt框架集成得⾮常紧密，使开
发者可以更容易地管理和部署他们的应⽤程序。
• 强⼤的编辑器：QtCreator具有⼀些先进的编辑器功能，如语法⾼亮、代码折叠、智能提⽰、⾃动
完成和代码重构。
• 集成的调试器：QtCreator内置了调试器，允许开发⼈员在代码中设置断点以及检查变量、堆栈和
调⽤树等信息。
• ⾼效的构建系统：QtCreator提供了⼀个⾼效的构建系统，可以⾃动构建和部署应⽤程序，同时⽀
持使⽤不同的编译器和平台。
• 可视化界⾯设计器：QtCreator具有⼀个可视化界⾯设计器，它允许开发⼈员在没有编写代码的情
况下创建复杂的⽤⼾界⾯。
• 多语⾔⽀持：QtCreator⽀持多种编程语⾔，包括C++、QML、JavaScript等。
总⽽⾔之，QtCreator是⼀个功能⻬全、易于使⽤且⾼效的跨平台IDE，适⽤于各种类型的应⽤程序开
发，特别是那些使⽤Qt框架的开发者。
咱们后续的课程中使⽤QtCreator开发Qt程序.
VisualStudio
VisualStudio是由微软公司开发的集成开发环境（IDE）。它可以⽤来开发多种类型的应⽤程序。包括
Windows桌⾯应⽤程序、Web应⽤程序、移动应⽤程序、游戏等。VisualStudio提供了丰富的开发⼯
具和功能，包括代码编辑器、调试器、⾃动完成、代码重构、版本控制等等。它⽀持多种编程语⾔，
如：C++、C#、VisualBasic、F#、Python等。VisualStudio还可以与其他开发⼯具和服务集成，如
Azure云服务、GitHub、Jenkins等。
VisualStudio具有以下⼀些主要特点：
• 多语⾔⽀持：VisualStudio⽀持多种编程语⾔，包括C++、C#、VisualBasic、F#、Python、
JavaScript等；
• 丰富的⼯具集：VS提供了各种开发⼯具，包括代码编辑器、调试器、代码分析⼯具等，以提⾼开
发⼈员的效率；
• 可视化设计：VS提供了可视化的设计⼯具，如窗体设计器、WPF设计器等，使开发⼈员可以直观
地设计⽤⼾界⾯；
• 跨平台开发：VS⽀持跨平台开发，可以开发适⽤于Windows、Linux和macOS等多个平台的应
⽤程序；
• 集成的调试器：VS集成了强⼤的调试器，可以进⾏代码的单步调试、断点调试等操作来帮助开发
⼈员查找和修复错误；
• 丰富的扩展性：VS可以通过安装扩展来扩展其功能，开发⼈员可以根据⾃⼰的需求选择并安装适
合的扩展。
Eclipse
Eclipse是著名的跨平台的⾃由集成开发环境（IDE）。最初主要⽤来Java语⾔开发，但是⽬前亦有⼈
通过插件使其作为其他计算机语⾔⽐如C++和Python的开发⼯具。Eclipse的本⾝只是⼀个框架平
台，但是众多插件的⽀持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件
开发商以Eclipse为框架开发⾃⼰的IDE。Qt框架可以与Eclipse集成，使开发者可以使⽤Eclipse的
强⼤功能来开发Qt应⽤程序。
但是呢，说是安装三个，其实只要安装一个QTSDK，剩下两个也都有了
下载QTSDK
下载QTSDK，首选官网：
Try Qt | Develop Applications and Embedded Systems | Qt
当然，小编已经将QTSDK安装包保存在网盘当中，可以直接进行网盘下载：
链接：https://pan.baidu.com/s/1-ZJ2ApNWUHdcx5wXWqdwdQ?pwd=84l1
提取码：84l1
QTSDK的安装
1、找到下载的⽂件并双击；注意：在双击之前先断⽹，否则需要我们注册Qt账号登录后才能进⼊下
⼀步安装；
2、双击之后进⼊如下界⾯：
3、选择安装路径时不能出现中⽂路径，否则即使安装上也⽆法使⽤；
4、选择安装组件；这⾥我们安装的是QtCreator。如果电脑磁盘空间允许，建议全选以便后续使
⽤，如果空间不允许，请看第5步；
5、选择部分组件；说明：其他未安装的组件在使⽤时可以另⾏添加
6、同意安装协议；
7、下⼀步；
8、点击"安装"进⼊安装界⾯；
9、安装界⾯如下：
10、点击"完成"按钮完成安装；
验证QtSDK安装是否成功
1、双击打开QtCreator⼯具，并进⼊到"欢迎模式"下的"⽰例"界⾯；
2、在"⽰例"中任选其中⼀个，单击打开该⽰例。在单击之后会弹出⼀个窗⼝，关闭即可；
如果能构建并运⾏，说明安装⽆误。运⾏结果如下图
Qt环境变量配置
1、找到Qt的安装路径，复制"bin"路径；
2、“此电脑”------>⿏标右键，“属性”------>“⾼级系统设置”------>“环境变量”
3、“新建”------>填⼊"bin"路径------>“确定”;
4、注意：在关掉所有窗⼝时，⼀定要点击"确定"，否则上述配置⽆效。
为什么要设置环境变量？
环境变量是在操作系统中⼀个具有特定名字的对象，它包含了⼀个或者多个应⽤程序将要使
⽤到的信息。
例如Windows和DOS操作系统中的path环境变量，当要求系统运⾏⼀个程序⽽没有告诉它
程序所在的完整路径时，系统除了在当前⽬录下⾯寻找此程序外，还会到path中指定的路径
去找。
在Windows上设置Qt的环境变量是为了能够在命令⾏或其他应⽤程序中直接访问Qt相关
的命令和⼯具。
初始QT Creator
安装完我们的QT SDK后，在应用程序上会显示一下这些：
这每一个都有什么含义呢？
QtCreator概览
从开始菜单或者快捷⽅式打开QtCreator集成开发环境，启动之后看到类似下⾯的界⾯：
**①：菜单栏。**菜单栏⼀共有8个菜单选项，包含了常⽤的功能菜单：
| ⽂件 | 包含了新建、打开、关闭项⽬和⽂件、打印和退出等基本功能 |
|---|---|
| 编辑 | 包含了撤销、剪切、复制、查找和选择编码等功能 |
| 构建 | 包含构建和运⾏项⽬等相关功能。 |
| 调试 | 包含调试运⾏项⽬等相关功能。 |
| Analyze | 包含QML分析器、Valgrind内存和功能分析器等相关功能。 |
| ⼯具 | 提供了快速定位菜单、外部⼯具菜单等。这⾥的选项菜单中包含了QtCreator各个⽅⾯的设置选 项：环境设置、⽂本编辑器设置、帮助设置、构建和运⾏设置、调试器设置和版本控制设置等。 |
| 控件 | 包含了设置窗⼝布局的⼀些菜单，如全屏显⽰和隐藏边栏功能等。 |
| 帮助 | 包含Qt帮助、QtCreator版本信息、报告bug和插件管理等菜单。 |
②：模式选择；
| 欢迎模式 | 主要提供了⼀些功能的快捷⼊⼝，如打开帮助教程、打开⽰例程序、打开项⽬、新建项⽬、快速打 开以前的项⽬和会话、联⽹查看Qt官⽅论坛和博客等。⽰例⻚⾯显⽰了Qt⾃带的⼤量⽰例程序， 并提供了搜索栏从⽽实现快速查找；教程⻚⾯提供了⼀些视频教程资源，但是是英⽂的。 |
|---|---|
| 编辑模式 | 主要⽤来查看和编辑程序代码，管理项⽬⽂件。QtCreator中的编辑器具有关键字特殊颜⾊显⽰、 代码⾃动补全、声明定义间快捷切换、函数原型提⽰、F1键快速打开相关帮助和全项⽬中进⾏查找 等功能。也可以在"⼯具---->选项"菜单中对编辑器进⾏设置。 |
| 设计模式 | 整合了QtDesigner的功能。可以设计图形界⾯，进⾏部件属性设置、信号和槽设置、布局设置等 操作。 |
| 调试模式 | ⽀持设置断点、单步调试和远程调试等功能，包含局部变量和监视器、断点、线程以及快照等查看 窗⼝。 |
| 项⽬模式 | 包含对特定项⽬的构建设置、运⾏设置、编辑器设置、代码⻛格设置和依赖关系等⻚⾯。构建设置 中可以对项⽬的版本、使⽤的Qt版本和编译步骤进⾏设置；编辑器设置中可以设置⽂件的默认编 码；在代码⻛格设置中可以设置⾃⼰的代码⻛格。 |
| 帮助模式 | 在帮助模式中将Qt助⼿整合了进来，包含⽬录、索引、查找和书签等⼏个导航模式，可以在帮助中 查看Qt和QtCreator的各⽅⾯信息。 |
**③：构建套件选择器。**构建套件选择器包含了⽬标选择器（Targetselector）、运⾏按钮（Run）、调
试按钮（Debug）和构建按钮（Building）四个图标。
| ⽬标选择器 | ⽬标选择器⽤来选择要构建哪个项⽬、使⽤哪个Qt库、这对于多个Qt库的项⽬很有⽤。还可以 选择编译项⽬的debug版本或是release版本。 |
|---|---|
| 运⾏按钮 | 运⾏按钮可以实现项⽬的构建和运⾏； |
| 调试按钮 | 运⾏按钮可以实现项⽬的调试； |
| 构建按钮 | 构建按钮完成项⽬的构建。 |
④：欢迎模式下的窗⼝⼯作⽅式。
| Project | ⽤来新建⼯程、打开⼯程 |
|---|---|
| ⽰例 | Qt官⽅的⼀些⽰例 |
| 教程 | Qt官⽅教程 |
**⑤：定位器。**使⽤定位器来快速定位项⽬、⽂件、类、⽅法、帮助⽂档以及⽂件系统。可以使⽤过滤
器来更加准确地定位要查找的结果。
⑥：输出窗格。输出窗格包含了问题、搜索结果（SearchResults）、应⽤程序输出、编译输出、
DebuggerConsole、概要信息、测试结果（TestResults）7个选项，它们分别对应⼀个输出窗⼝，响
应的快捷键依次是Alt+数字1~7。
| 问题 | 问题窗⼝显⽰程序编译时的错误和警告信息； |
|---|---|
| SearchResults | 搜索结果窗⼝显⽰执⾏了搜索操作后的结果信息； |
| 应⽤程序输出 | 应⽤程序窗⼝显⽰应⽤程序运⾏过程中输出的所有信息； |
| 编译输出 | 编译输出窗⼝显⽰程序编译过程输出的相关信息； |
⑦：会话记录；可以对会话进⾏管理，包括Clone。如果没打开⼯程，则显⽰的是最后⼀次打开的
（会话）⼯程，否则，显⽰当前的会话（⼯程）。
⑧：新建项⽬；
⑨：打开已有项⽬；
使⽤QtCreator新建项⽬
新建项⽬
打开QtCreator，在菜单栏中选中：“⽂件”-------->“新建⽂件或项⽬”；或者使⽤快捷键：Ctrl+
n；或者直接点击：“new”；
选择项⽬模板
弹出如下对话框：
新建项⽬对话框⾥有五类项⽬模板
| 项⽬模板 | 说明 |
|---|---|
| Application | Qt应⽤程序，包括普通窗体程序和QtQuick程序 |
| Library | 可以创建动态库、静态库以及QtQuick扩展插件、QtCreator⾃⾝插件 |
| 其他项⽬ | 可以创建单元测试项⽬、Qt4设计师⾃定义控件、⼦⽬录项⽬等 |
| Non-Qt-Project | ⾮Qt项⽬。可以创建纯C或纯C++项⽬ |
| ImportProject | 导⼊项⽬。从版本控制系统管理的软件项⽬导⼊旧的项⽬ |
常⽤的只有第⼀类Application，选择它，在右侧会看到Qt应⽤程序的五个⼦模板：
• QtWidgetsApplication：普通窗体模板，传统基于部件的窗体界⾯程序。
• QtConsoleApplication：Qt控制台应⽤程序。因为Qt主要⽤于图形界⾯设计，这个控制台项⽬
模板基本不⽤。
• QtforPython：在Python下⽤LGPL的许可来开发闭源Qt软件。
• QtQuickApplication：Qt提供的⼀种⾼级⽤⼾界⾯技术，使⽤它可以⽅便快速的为移动以及嵌⼊
式设备开发流畅美观的⽤⼾界⾯。QtQuick模块是开发QML应⽤的标准库，提供了使⽤QML创建
⽤⼾界⾯所需的⼀切，包括可视化、交互、动画、模型、视图、粒⼦效果以及着⾊效果等。
选择不同的项⽬模板,QtCreator就会在后续项⽬创建好了之后⽣成不同的基础代码.
选择项⽬路径
给Qt项⽬命名及选择保存项⽬的路径；
选择构建系统
选择Qt项⽬的构建系统，使⽤默认的"qmake"即可。
Qt中的构建⼯具有三种可供选择，分别是：qmake、CMake、Qbs，下⾯依次介绍。
• qmake：qmake是⼀个构建⼯具（buildtool），⽤于⾃动⽣成makefile⽂件。qmake⽀持跨平
台构建。qmake编辑的是⼀个后缀名为.pro的⽂件。
• CMake：CMake是⼀个跨平台的构建⼯具。CMake本⾝不是⼀个编译器，其实就是⽣成⼀个让编
译器能读懂编译流程的⽂件⼯具。让CMake⾃动⽣成构建系统，例如Makefile和VisualStudio
项⽬⽂件。CMake是⼀个第三⽅⼯具，有⾃⼰的⽂档。
• Qbs：Qbs（QtBuildSuite：Qt构建套件）同qmake、CMake⼀样都是构建⼯具。Qbs号称是新
⼀代的构建⼯具，⽐qmake编译速度更快。Qbs没有绑定Qt版本，它从项⽬⽂件的⾼级项⽬描述
中⽣成⼀个正确的依赖表。⽽传统的MakeFile⽣成⼯具如qmake和CMake，其在⽣成MakeFile
⽂件后将实际的命令交给Make⼯具去执⾏。
Qt官⽅声明，因市场原因，弃⽤Qbs。对于Qt⽤⼾来说，qmake是当前使⽤最⼴泛的构建⼯具，
CMake其次。
填写类信息设置界⾯
对于基类的选择，⽬前有三种基类：
| 基类 | 说明 |
|---|---|
| QMainWindo w | 主窗⼝类，⼀般⽤于较为复杂的应⽤程序，除了中央客⼾区界⾯，还包括菜单栏、⼯具栏、 状态栏以及多个可停靠的⼯具对话框等 |
| QWidget | 最简单、最基本的窗体程序，⾥⾯可以放置多个控件实现程序功能 |
| QDialog | 基于对话框的程序，对话框⼀般⽤于弹窗，也可以⽤于主界⾯显⽰。对话框是从QWidget继 承⽽来的，并丰富了⼀些功能，如模态显⽰和返回值等 |
上述三个类之间的关系如下图
选择语⾔和翻译⽂件
点击"下⼀步"进⼊如下界⾯：
此处选择的语⾔是"汉语",“英语"这样的语⾔.⽽不是"编程语⾔”.
由于我们暂时不考虑国际化问题,直接下⼀步即可.
选择Qt套件
默认只有第⼀个"DesktopQt5.14.2MinGW64-bit"，如果安装配置了多个Qt套件，就可以都选上。
Qt套件是指Qt程序从编译链接到运⾏环境的全部⼯具和Qt类库的集合，对于MinGW版本Qt程序⽣
成和调试，⾄少需要MinGW中的编译器g++（⾃动调⽤链接器）、g++配套的基础库、调试器gdb还
有使⽤MinGW环境编译⽽成的Qt类库⾃⾝。默认情况下，在上⾯KitSelection⾥选中全部套件。
选择版本控制系统
点击"下⼀步"进⼊项⽬管理界⾯；在项⽬管理界⾯可以设置作为⼦项⽬，以及加⼊版本控制系统管
理。这两个功能暂时⽤不到，都⽤默认的，然后点击"完成"。
如果想把代码提交到码云或者github,可以在此处选择git作为版本控制系统.
最终效果
通过上述8个步骤,完成了项⽬的创建.
💡 ⼤家千万不要觉得⿇烦.事实上在⼤家熟练了之后,创建⼀个项⽬花的时间不会超过10秒钟.
项⽬创建完成之后，QtCreator会直接进⼊代码编辑模式，可以看到类似下图界⾯：
认识QtCreator界⾯
左边栏
在编辑模式下，左边竖排的两个窗⼝叫做"边栏"。①是项⽬⽂件管理窗⼝，②是打开⽂件列表窗⼝。
在QtCreator菜单"控件"------->“ShowLeftSidebar”，或者使⽤快捷键："Alt+0"可以控制边栏的
显⽰和隐藏。
边栏⾥的窗⼝数⽬可以增加，边栏⼦窗⼝标题栏有⼀排⼩按钮，最右边的是关闭按钮，倒数第⼆个是
增加分栏按钮，可以添加多个边栏⼦窗⼝。
边栏⼦窗⼝标题栏第⼀个控件是组合框，可以选择该⼦窗⼝的功能视图类型，⽬前可以选择8个视图
类型：
| 视图类型 | 说明 |
|---|---|
| 项⽬ | 即项⽬⽂件管理视图，可以选择项⽬⾥的⽂件进⾏编辑，包括pro⽂件也可以⼿动编辑。 |
| 打开⽂档 | 当前已经打开的⽂件列表，⽂件名右边如果有*号，是该⽂件被修改了但尚未保存。 |
| 书签 | 右击代码编辑器⾏号位置，看到"切换书签"，可以给代码⾏添加书签，⽅便跳转到该位 置。 |
| ⽂件系统 | 相当于系统⾥的⽂件资源管理器，可以查看项⽬⽂件夹在磁盘⾥的实际⽂件列表。 |
| 类视图 | 可以查看项⽬⾥包含的类及相应源代码⽂件⾥的成员函数、成员变量。 |
| GitBranches | 查看当前分⽀ |
| ⼤纲 | 编辑器所显⽰的当前⽂件的⼤纲列表，如名字空间、类名、成员函数、成员变量等。 |
| Tests | 测试 |
| 类型层次 | 当前项⽬包含的类及其基类、派⽣类列表。 |
| Include Hierarchy | 包含视图，显⽰当前项⽬⾥*.h、*.cpp以及Qt类库头⽂件之间的包含关系。 |
代码编辑区
①和②：导航按钮"返回"和"前进"，这与⽹⻚浏览器的前进和后退按钮类似，可以在之前浏览的多个
代码⽂件或⼀个代码⽂件⾥多个位置之间快速切换。
③：标识当前显⽰的⽂件是只读还是可写，⼀般都是可写的。
④：⽂件类型图标，当前显⽰⽂件的类型，这个控件其实是⼀个菜单按钮，点击可以弹出丰富的⽂件
处理功能菜单。
⑤：打开的⽂件名，可以在多个打开的⽂件之间选择切换，与边栏的"打开⽂档"视图是对应的。
⑥：关闭当前显⽰的⽂档。
⑦：为当前显⽰的⽂件添加额外的C++预处理指令，⼀般⽤不着。
⑧：选择符号，可以在当前显⽰的⽂件⾥多个函数、类、成员变量等之前快速切换，与边栏"⼤纲"视
图是对应的。
⑨：编辑区光标的⾏号和列号。
⑩：代码编辑区分栏，可以增加多个编辑器窗⼝，显⽰多个打开的⽂档或显⽰较⼤源码⽂件的多个位
置。
⾏⾸区：主要⽤来显⽰代码⾏号，以及调试断点标志和代码书签标志。右击⾏⾸区可以弹出右键菜
单，菜单⾥可以切换书签、编辑书签以及设置或取消断点。
同⼀⾏是既可以打断点也可以设置书签的，⼆者不冲突，其实它们根本就没关系。单击⾏号前⾯的浅
灰⾊空⽩区可以直接打断点，再次单击可以取消断点，另外也可以⽤快捷键F9设置或取消断点。代码
书签⼀般⽤右键菜单来设置，也可以⽤快捷键Ctrl+M设置或取消书签。
编辑区：写代码的区域。
UI设计界⾯
双击widget.ui⽂件，QtCreator会⾃动进⼊设计模式，可以对图形界⾯进⾏可视化编辑：
①：组件选择窗⼝。组件选择窗⼝分为多个组，如Layouts、Buttons、DisplayWidgets等，界⾯设
计的常⻅组件都可以在组件选择窗⼝中找到。
②：UI设计窗⼝。如果要将某个组件放置到该窗⼝上时，从组件选择窗⼝上拖放⼀个组件到窗体上即
可。
③：动作编辑窗⼝。动作编辑窗⼝包括ActionEditor以及Signals和Slots编辑器。ActionEditor主
要是⽤来新建Action，并且通过拖拽的动作，将新建好的Action添加到菜单栏和⼯具栏上；Signals
和Slots编辑器⽤于可视化地进⾏信号与槽的关联。
④：对象浏览窗⼝。⽤树状视图显⽰窗体上各组件之间的布局包含关系，视图有两列，显⽰每个组件
的对象名称（ObjectName）和类名称。
⑤：属性设置窗⼝。显⽰某个选中的组件或窗体的各种属性及其取值，可以在属性设置窗⼝⾥修改这
些属性的值。
构建区
左下⻆⼀共有四个按钮，下⾯分别介绍⼀下：
• 第⼀个按钮是选择构建项⽬使⽤的Qt套件和构建⽬标程序的类型（Debug或Release）。
对于第⼀个按钮，默认的是Debug，构建的是Debug类型的⽬标程序。如果需要构建Release版⽬标
程序，点开左下⻆第⼀个按钮：
这⾥有三种构建模式：
| 模式 | 说明 |
|---|---|
| Debug | 以"-g"模式编译，带着符号信息，优点是便于调试 |
| Profile | profile则是在"Debug"和"Release"之间取⼀个平衡，兼顾性能和调试，可以类似的看做是性能更 优⼜⽅便调试的版本。 |
| Release | "Release"是经过优化之后，性能⽐"Debug"更上⼀个档次 |
上图是针对项⽬只⽤到单⼀Qt套件的，如果之前配置了多个Qt套件，看到的类似下图：
如果项⽬配置了多个可⽤的Qt套件，点开左下⻆第⼀个按钮后，会看到各个套件以及构建类型，如果
要切换Qt套件或构建类型，直接选中相应条⽬，然后点击运⾏按钮就⾏了。如果构建和运⾏时没出
错，就会显⽰出构建好的⽬标程序界⾯。
• 第⼆个是运⾏按钮，快捷键是Ctrl+R，如果还没构建项⽬或刚修改了代码，直接点击运⾏的话，
QtCreator会⾃动构建⽣成新的⽬标程序并运⾏。
• 第三个是调试按钮，快捷键是F5。调试程序之前，QtCreator会⾃动构建⽣成最新的⽬标程序，并
进⼊调试模式。
• 第四个是构建按钮，快捷键是Ctrl+B，只构建最新的⽬标程序，但不运⾏。
项⽬⽂件解析
项目建立好后，我们可以看到一下几个文件，接下来，我们将逐个详细讲解。
main.cpp⽂件解析
使⽤QtCreator新建任意⼯程之后，main.cpp⽂件中都会⾃动⽣成如下代码：
#include "widget.h"#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.show();return a.exec();
}
解释：
\1. Qt系统提供的标准类名声明头⽂件没有.h后缀；
\2. Qt⼀个类对应⼀个头⽂件，类名就是头⽂件名；
\3. QApplication为应⽤程序类；QApplicationa；（a为应⽤程序对象，有且仅有⼀个。）
⚫QApplication管理图形⽤⼾界⾯应⽤程序的控制流和主要设置。
⚫QApplication是Qt的整个后台管理的命脉。它包含主事件循环，在其中来⾃窗⼝系统和其它
资源的所有事件处理和调度。它也处理应⽤程序的初始化和结束，并且提供对话管理。
⚫对于任何⼀个使⽤Qt的图形⽤⼾界⾯应⽤程序，都正好存在⼀个QApplication对象，⽽不论
这个应⽤程序在同⼀时间内是不是有0、1、2或更多个窗⼝。
\4. myWidgetw;//实例化窗⼝对象
\5. w.show()；//调⽤show函数显⽰窗⼝
\6. a.exec()：程序进⼊消息循环，等待对⽤⼾输⼊进⾏响应。这⾥main()把控制权转交给Qt，Qt完
成事件处理⼯作，当应⽤程序退出的时候exec()的值就会返回。在exec()中，Qt接受并处理⽤⼾
和系统的事件并且把它们传递给适当的窗⼝部件。
就好比：
widget.h ⽂件解析
在Qt中，如果要使⽤信号与槽（signal和slot）的机制就必须加⼊Q_OBJECT宏；
Ui::Widget*ui;这个指针是⽤前⾯声明的namespaceUi⾥的Widget类定义的，所以指针ui是指向
可视化设计的界⾯，后⾯要访问界⾯上的组件，都需要通过这个指针ui去访问。
#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACEclass Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr);~Widget();private:Ui::Widget *ui;
};
#endif // WIDGET_H
widget.cpp ⽂件解析
widget.cpp⽂件是类Widget的实现代码，所有在窗体上要实现的功能添加在此⽂件中；
#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);
}Widget::~Widget()
{delete ui;
}
widget.ui⽂件解析
widget.ui是窗体界⾯定义⽂件，是⼀个XML⽂件，定义了窗⼝上的所有组件的属性设置、布局，及
其信号与槽函数的关联等。⽤UI设计器可视化设计的界⾯都由Qt⾃动解析，并以XML⽂件的形式保
存下来。在设计界⾯时，只需在UI设计器⾥进⾏可视化设计即可，⽽不⽤管widget.ui⽂件是怎么⽣
成的。
.pro⽂件解析
⼯程新建好之后，在⼯程⽬录列表中有⼀个后缀为".pro"的⽂件，".pro"⽂件就是⼯程⽂件(project)
，它是qmake⾃动⽣成的⽤于⽣产makefile的配置⽂件。如图所⽰：
双击进⼊该⽂件，该⽂件的核⼼内容如下：
QT += core gui //Qt包含的模块greaterThan(QT_MAJOR_VERSION, 4): QT += widgets//⼤于Qt4版本才包含widget模块CONFIG += c++11# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0SOURCES += \main.cpp \widget.cpp//源⽂件HEADERS += \widget.hFORMS += \widget.ui# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target
".pro"⽂件的写法如下：
-
注释：从"#"开始，到这⼀⾏结束。
-
QT+=coregui//Qt包含的模块Qt5包含的模块如下图所⽰：
\3. greaterThan(QT_MAJOR_VERSION,4):QT+=widgets这条语句的含义是，如果
QT_MAJOR_VERSION⼤于4也就是当前使⽤的Qt5及更⾼版本）需要增加widgets模块。如果
项⽬仅需⽀持Qt5，也可以直接添加"QT+=widgets"⼀句。不过为了保持代码兼容，最好还是按照QtCreator⽣成的语句编写。
\4. 指定⽣成的应⽤程序名：TARGET=QtDemo
\5. TEMPLATE=app//模板。告诉qmake为这个应⽤程序⽣成哪种makefile。下⾯是可供选择的模
板：
⚫app：建⽴⼀个应⽤程序的makefile。这是默认值，所以如果模板没有被指定，这个将被使
⽤。
⚫lib：建⽴⼀个库的makefile。
⚫vcapp：建⽴⼀个应⽤程序的VisualStudio项⽬⽂件。
⚫vclib：建⽴⼀个库的VisualStudio项⽬⽂件。
⚫subdirs：这是⼀个特殊的模板，它可以创建⼀个能够进⼊特定⽬录的makefile并且为它调⽤
make的makefile。
\6. ⼯程中包含的源⽂件：SOURCES+=main.cpp/widget.cpp
\7. ⼯程中包含的头⽂件：HEADERS+=widget.h
\8. ⼯程中包含的资源⽂件：RESOURCES+=painter.qrc
\9. ⼯程中包含的"ui"设计⽂件：FORMS+=widget.ui
\10. 配置信息：CONFIG+=c++11(使⽤c++11的特性)CONFIG⽤来告诉qmake关于应⽤程序的配
置信息。
Qt编程注意事项
Qt中的命名规范
• 类名：⾸字⺟⼤写，单词和单词之间⾸字⺟⼤写；
• 函数名及变量名：⾸字⺟⼩写，单词和单词之间⾸字⺟⼤写；
💡 Qt偏好驼峰命名法.这⼀点不像咱们之前课堂上偏好蛇形命名.
QtCreator中的快捷键
• 注释：ctrl+/
• 运⾏：ctrl+R
• 编译：ctrl+B
• 字体缩放：ctrl+⿏标滑轮
• 查找：ctrl+F
• 整⾏移动：ctrl+shift+⬆/⬇
• 帮助⽂档：F1
• ⾃动对⻬：ctrl+i；
• 同名之间的.h和.cpp的切换：F4
• ⽣成函数声明的对应定义:alt+enter
使⽤帮助⽂档
打开帮助⽂档有三种⽅式.实际编程中使⽤哪种都可以.
1、光标放到要查询的类名/⽅法名上,直接按F1
2、QtCreator左侧边栏中直接⽤⿏标单击"帮助"按钮：
点击"帮助"之后，出现如下图⽰界⾯：
3、找到QtCreator的安装路径，在"bin"⽂件夹下找到assistant.exe，双击打开；
使⽤⽰例
1、新建项⽬，在新建的项⽬中使⽤Qt中的"QpushButton"控件。
2、打开帮助⼿册，在"索引"⾥⾯输⼊"QpushButton"；
划重点：
不要使⽤中⽂⽂档!
不要使⽤中⽂⽂档!
不要使⽤中⽂⽂档!
阅读英⽂⽂档是每个程序员必备的专业技能.必须要练,不能退缩.Qt的⽂档从通俗易懂的⻆
度来说,是技术类⽂档中⾮常出类拔萃的.只要⼤家稍微有点耐⼼,基本都能读懂个⼋九不离
⼗.
咱们后续的学习中,也会经常翻阅⽂档.
QtHelloWorld程序
使⽤"按钮"实现
使⽤图形化方式实现
(1）双击："widget.ui"⽂件；
2）拖拽控件⾄ui界⾯窗⼝并修改内容；
（3）构建并运⾏，效果如下所⽰：
使用纯代码实现、
一般通过代码来构造界面的时候,通常会把构造界面的代码放到 Widget/MainWindow 的构造函数中
#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>//添加“按钮”控件的头文件
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QPushButton *btn=new QPushButton;//创建按钮btn->setText("hello QT ");//显示hello QTbtn->setParent(this);//将按钮置于窗口上}Widget::~Widget()
{delete ui;
}
实现效果如下图：
使⽤"标签"实现
图形化方式实现
1）双击："widget.ui"⽂件；
2）拖拽"标签"⾄UI设计界⾯中，并双击修改标签内容；
纯代码⽅式实现
#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>//添加“按钮”控件的头文件
#include <QLabel>//添加“标签头文件”
#include <QFont>//添加“字体”头文件
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//QPushButton *btn=new QPushButton;//创建按钮//btn->setText("hello QT ");//显示hello QT//btn->setParent(this);//将按钮置于窗口上QLabel *lab = new QLabel(this);//创建标签lab->setText("中华人民共和国万岁");//设置标签内容setFixedSize(1000,900);//设置窗口大小//设置字体QFont font("华文行楷",64);lab->setFont(font);//设置标签内容显示的位置lab->move(20,300);//设置标签字体颜色lab->setStyleSheet("color:blue");
}
Widget::~Widget()
{delete ui;
}
补充知识：
在上述代码中，在标签填入信息时：
会提示一个Qsring的提示信息。Qstring是什么呢？
Qt 诞生于 1991 年.c++还没有形成标准.
C++更没有"标准库"这样的改变了
当时,如何表示一个字符串, 可以使用 C 风格字符串 (\0 结尾)也可以使用 C++ 的 string
当年 C++ 的 string 啥的都不太好用
然后呢
其实呢，在上述创建对象的时候，我们有两种办法：
第一种：在堆上建立
QLabel *lab = new QLabel(this);//创建标签
第二种：在栈上建立
//在栈上
QLabel label(this);
但实际上，我吗们更推荐在堆上建立，其次这两个还会有个问题，那就是内存泄漏问题。
内存泄漏问题
提起内存泄漏问题，那可是很严重的。
关注 内存泄露 是要融入到 DNA 中的事情内存泄露是一个非常害怕,非常严重的事情!!(不仅仅是内存泄露,包括文件描述符泄露 等 同类问题, 都是非常严重的)
这种问题,不容易第一时间发现
现假设我在搜狗上班~~ 我要上线一个程序
把程序部署到生产环境上此时这个程序就可以被外面的用户访问到
(但是如果生产环境挂了,用户就访问不了了,非常严重的事故!!)
要是真这样，那很有可能我的年终奖就没了，甚至可能丢到工作。
现在言归正传，为什么我们推荐在堆上创建的方式呢？
那么什么是对象树呢？
对象树
提起对象树，前端开发(网页开发)也涉及到 类似的 对象树 (DOM).本质上也是一个树形结构 (N 叉树),通过树形结构把界面上的各种元素组织起来.
QT中也是类似,也是搞了一个对象树,也是 N 又树,把界面上的各种元素组织起来了
例如这个树形结构：
对象树：
在Qt中创建很多对象的时候会提供⼀个Parent对象指针，下⾯来解释这个parent到底是⼲什么的。
• QObject是以对象树的形式组织起来的。
◦ 当创建⼀个QObject对象时，会看到QObject的构造函数接收⼀个QObject指针作为参数，这
个参数就是parent，也就是⽗对象指针。
◦ 这相当于，在创建QObject对象时，可以提供⼀个其⽗对象，我们创建的这个QObject对象
会⾃动添加到其⽗对象的children()列表。
◦ 当⽗对象析构的时候，这个列表中的所有对象也会被析构。（注意，这⾥的⽗对象并不是继承
意义上的⽗类！）
这种机制在GUI程序设计中相当有⽤。例如，⼀个按钮有⼀个QShortcut（快捷键）对象作为其
⼦对象。当删除按钮的时候，这个快捷键理应被删除。这是合理的。
• QWidget是能够在屏幕上显⽰的⼀切组件的⽗类。
◦ QWidget继承⾃QObject，因此也继承了这种对象树关系。⼀个孩⼦⾃动地成为⽗组件的⼀
个⼦组件。因此，它会显⽰在⽗组件的坐标系统中，被⽗组件的边界剪裁。例如，当⽤⼾关闭
⼀个对话框的时候，应⽤程序将其删除，那么，我们希望属于这个对话框的按钮、图标等应该
⼀起被删除。事实就是如此，因为这些都是对话框的⼦组件。
◦ 当然，我们也可以⾃⼰删除⼦对象，它们会⾃动从其⽗对象列表中删除。⽐如，当我们删除了
⼀个⼯具栏时，其所在的主窗⼝会⾃动将该⼯具栏从其⼦对象列表中删除，并且⾃动调整屏幕
显⽰。
Qt引⼊对象树的概念，在⼀定程度上解决了内存问题。
• 当⼀个QObject对象在堆上创建的时候，Qt会同时为其创建⼀个对象树。不过，对象树中对象的
顺序是没有定义的。这意味着，销毁这些对象的顺序也是未定义的。
• 任何对象树中的QObject对象delete的时候，如果这个对象有parent，则⾃动将其从parent的
children()列表中删除；如果有孩⼦，则⾃动delete每⼀个孩⼦。Qt保证没有QObject会被
delete两次，这是由析构顺序决定的。
如果QObject在栈上创建，Qt保持同样的⾏为。正常情况下，这也不会发⽣什么问题。来看下⾯的代
码⽚段：
作为⽗组件的window和作为⼦组件的quit都是QObject的⼦类（事实上，它们都是QWidget的⼦
类，⽽QWidget是QObject的⼦类）。这段代码是正确的，quit的析构函数不会被调⽤两次，因为标
准C++要求，局部对象的析构顺序应该按照其创建顺序的相反过程。因此，这段代码在超出作⽤域
时，会先调⽤quit的析构函数，将其从⽗对象window的⼦对象列表中删除，然后才会再调⽤
window的析构函数。
但是，如果我们使⽤下⾯的代码：
情况⼜有所不同，析构顺序就有了问题。我们看到，在上⾯的代码中，作为⽗对象的window会⾸先
被析构，因为它是最后⼀个创建的对象。在析构过程中，它会调⽤⼦对象列表中每⼀个对象的析构函
数，也就是说，quit此时就被析构了。然后，代码继续执⾏，在window析构之后，quit也会被析
构，因为quit也是⼀个局部变量，在超出作⽤域的时候当然也需要析构。但是，这时候已经是第⼆次
调⽤quit的析构函数了，C++不允许调⽤两次析构函数，因此，程序崩溃了。
由此我们看到，Qt的对象树机制虽然在⼀定程度上解决了内存问题，但是也引⼊了⼀些值得注意的事
情。这些细节在今后的开发过程中很可能时不时跳出来烦扰⼀下，所以，我们最好从开始就养成良好
习惯
💡 在Qt中，尽量在构造的时候就指定parent对象，并且⼤胆在堆上创建。
Qt对象树如图：
代码⽰例
1、创建⼀个新⼯程并编译运⾏，⽣成如下窗⼝；
2、选中⼯程名，⿏标右键------->“addnew…”（或"添加新⽂件"）
3、选择"choose…"，弹出如下界⾯；
4、点击"下⼀步"，弹出如下对话框；
5、点击"完成"之后，⼿动创建类的头⽂件以及源⽂件会⾃动添加到⽬标⼯程中；
6、修改头⽂件；
7、编写源⽂件；
8、编译并运⾏；
9、当关闭弹出的对话框时，就会⾃动调⽤按钮的析构函数；
10、观察析构函数的执⾏顺序；
11、执⾏结果：
12、执⾏结果分析：
对象树确保的是先释放⼦节点的内存,后释放⽗节点的内存.
⽽析构函数的调⽤顺序则不⼀定遵守上述要求.因此看到⼦节点的析构执⾏顺序反⽽在⽗节点析构顺序
之后.
注意:调⽤析构函数和释放内存并⾮是同⼀件事情.
Qt窗⼝坐标体系
坐标体系：以左上⻆为原点（0,0），X向右增加，Y向下增加。
对于嵌套窗⼝，其坐标是相对于⽗窗⼝来说的。
⽰例：使⽤Qt中的坐标系设置控件的位置；
运⾏结果如下图⽰：
