Qt入门:2 Qt Creator的初步使用与第一个Qt程序

时间:2024-03-14 15:20:03

0x01 QtCreator初步使用


一、简介
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
在左侧主工具栏单击“Welcome(欢迎)”按钮后显示实例的界面。这时工作区的左侧有 “Projects”、“Examples(示例)”、“Tutorials(教程)”、“Get Started Now”几个按钮,单击后会在主工作区显示相应的内容:
  • 单击“Projects”按钮后,工作区显示新建项目按钮和最近打开项目的列表。
  • 单击“Examples(示例)”按钮后,工作区显示 Qt 自带的大量实例,选择某个实例就可以在 Qt Creator 中打开该项目源程序。
  • 单击“Tutorials(教程)”按钮后,工作区显示各种****,查看****需要联网并使用浏览器打开。
  • 单击“Get Started Now”按钮,工作区显示“Qt Creator Manual”帮助主题内容。
 
 
二、设置
单击 Qt Creator 菜单栏的 Tools→Options 菜单项会打开选项设置对话框。
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
对话框的左侧是可设置的内容分组,单击后右侧出现具体的设置界面。常用的设置包括以下几点:
  1. Environment(环境) 设置:在 Interface 页面可以设置语言和主题;为了使界面抓图更清晰,设置主题为 Flat Light。更改语言和主题后需要重新启动 Qt Creator 才会生效。
  2. Text Editor(文本编辑器)设置:在此界面可以设置文本编辑器的字体,设置各种类型文字的字体颜色,如关键字、数字、字符串、注释等字体颜色,也可以选择不同的配色主题。
  3. Kits(构建套件)页面显示 Qt Creator 可用的编译工具。
    • Qt Versions 页面显示安装的 Qt 版本。
    • Compliers(编译器)页面显示系统里可用的 C 和C++编译器。
    • Debuggers 页面显示 Qt Creator 自动检测到的调试器。
      Qt入门:2 Qt Creator的初步使用与第一个Qt程序
                       ( Debuggers 页面没有 Windows 的 CDB 调试器,可以用 MSVC 编译器对 Qt Creator 编写的程序进行编译,但是不能调试,这是因为缺少了 Windows Software Development Kit (SDK)。这个 SDK 不会随 Visual Studio 一同安装,需要从 Microsoft 网站上下载。可以下载 Windows Software Development Kit (SDK) for Windows 8.1,安装后重启计算机即可。)
 
 

 

0x02 第一个Qt程序


一、创建一个项目

单击 Qt Creator 的菜单项文件->新建文件或项目,出现如下图所示的对话框。在这个对话框里选择需要创建的项目或文件的模板。
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
选择第一个Qt Widgets Application。
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
Qt入门:2 Qt Creator的初步使用与第一个Qt程序Qt入门:2 Qt Creator的初步使用与第一个Qt程序Qt入门:2 Qt Creator的初步使用与第一个Qt程序
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 

 

二、项目的文件组成和管理

完成创建后,就可以进入编辑界面,如下图
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
窗口左侧有上下两个子窗口,上方的目录树显示了项目内文件的组织结构,显示当 前项目为 ln_1。项目的名称构成目录树的一个根节点,Qt Creator 可以打开多个项目,但是只有一个活动项目,活动项目的项目名称节点用粗体字体表示。
 
在项目名称节点下面,分组管理着项目内的各种源文件,几个文件及分组分别为以下几项:
  • ln_1.pro 是项目管理文件,包括一些对项目的设置项。
  • Headers 分组,该节点下是项目内的所有头文件(.h),上图中所示项目有一个头文件 mainwindow.h,是主窗口类的头文件。
  • Sources 分组:该节点下是项目内的所有 C++源文件(.cpp),图 5 中所示项目有两个 C++ 源文件,mainwindow.cpp 是主窗口类的实现文件,与 mainwindow.h 文件对应。main.cpp 是主函数文件,也是应用程序的入口。
  • Forms 分组:该节点下是项目内的所有界面文件(.ui)。上图中所示项目有一个界面文件mainwindow.ui,是主窗口的界面文件。界面文件是文本文件,使用 XML 语言描述界面的组成。
 
左侧上下两个子窗口的显示内容可以通过其上方的一个下拉列表框进行选择,可以选择的显示内容包括项目、打开文档、书签、文件系统、类视图、大纲等。
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
在上图中,上方的子窗口显示了项目的文件目录树,下方显示打开的文件列表。可以在下方选择显示类视图,这样下方则显示项目内所有的类的结构,便于程序浏览和快速切换到需要的代码位置
 
 
双击文件目录树中的文件mainwindow.ui,出现如下图所示的窗体设计界面:
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
这个界面实际上是 Qt Creator 中集成的 Qt Designer。窗口左侧是分组的组件面板,中间是设计的窗体。在组件面板的 Display Widgets 分组里,将一个Label组件拖放到设计的窗体上面。双击刚刚放置的 Label 组件,可以编辑其文字内容,将文字内容更改为“Hello, World!”。还可以在窗口右下方的属性编辑器里编辑标签的 Font 属性,Point Size(点大小)更改为 12,勾选粗体。Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
 
三、项目的编译、调试与运行
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
 
界面左侧一栏的“Build & Run”下面显示了本项目中可用的编译器工具,要使用哪一个编译器用于项目编译,单击其名称即可,选择的编译器名称会用粗体字表示。这里我的只有一个 MinGW 32bit 编译器。
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
每个编译器又有 Build 和 Run 两个设置界面。在 Build 设置界面上,有一个“Shadow build” 复选框。如果勾选此项,编译后将在项目的同级目录下建立一个编译后的文件目录,目录名称包含编译器信息,这种方式一般用于使用不同编译器创建不同版本的可执行文件。如果不勾选此项,编译后将在项目的目录下建立“Debug”和“Release”子目录用于存放编译后的文件。
 
在设计完 mainwindow.ui 文件,并设置好编译工具之后,就可以对项目进行编译、调试或运行。主窗口左侧工具栏下方有 4 个按钮,其功能见下表。
图标
作用
快捷键
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
弹出菜单选择编译工具和编译模式,如 Debug或 Release模式
 
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
直接运行程序,如果修改后未编译,会先进行编译。即使在程序中设置了断点,此方式运行的程序也无法调试。
Ctrl+R
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
项目需要以Debug模式编译,点此按钮开始调试运行,可以在程序中设置断点。若是以 Release模式编译,点此按钮也无法进行调试。
F5
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
编译当前项目
Ctrl+B
 
 
首先对项目进行编译,没有错误后,再运行程序。程序运行的界面如下图所示。这就是一个标准的桌面应用程序,我们采用可视化的方式设计了一个窗口,并在上面显示了字符串  Hello World
Qt入门:2 Qt Creator的初步使用与第一个Qt程序
 
在 Qt Creator 中也可以对程序设置断点进行调试,但是必须以 Debug 模式编译,并以“Start Debugging”(快捷键 F5)方式运行程序。
程序调试的方法与一般 IDE 工具类似。注意,要在 Qt Creator 里调试 MSVC2015 编译的程序,必须安装 Windows 软件开发工具包 SDK。
 
 
 

0xFF 写在最后


参考: