技术共享

Qt基础 | Qt Creator的基本介绍与使用 | 在Visual Studio中创建Qt项目

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina



一、Qt Creator的基本介绍与使用

1.新建一个项目

  以新建一个项目为例,初步了解 Creator 设计应用程序的基本过程。

  点击“创建项目”,

image-20240711191729230

  出现如下对话框,在这个对话框 选择需要创建的项目或文件的模板。

image-20240711191823609

Qt Creator 可以创建多种项目, 在最左侧的列表框中 单击 “Application”, 中间的列表框中列出了可以创建的应用程序的模板,各类应用程序如下:

  • Qt Widgets Application, 支持桌面平台的有图形用户界面 Graphic User Interface, GUO

    界面的应用程序。 GUI 的设计完全基千 C++语言,采用 Qt 提供的 C++类库。

  • Qt Console Application, 控制台应用程序,无 GUI 界面

  • Qt Quick Application ,创建一个Qt Quick应用程序,它可以同时使用QML和C++代码。Qt Quick是Qt 支持的一套GUI 开发架构,其界面设计采用 QML 语言,程序架构采用 C++语言。利用 Qt Quick 可以设计非常炫的用户界面,一般用于移动设备或嵌入式设备上无边框的应用程序的设计。

  • Qt Quick Application(compat),创建一个包含空白窗口的Qt Quick应用程序。

    如果你想使用除CMake以外的其他构建系统,或者使用低于6.0版本的Qt,请使用这个“兼容”版本。

  选择项目类型为 “Qt Widgets Application” 后,单击 “选择”按钮,出现新建项目向导。

  • 设置项目名称和保存路径

    image-20240711192952123

  • 选择“qmake”构建系统

    image-20240711193223011

  • 选择需要创建界面的基类 (base class)

    image-20240711193329688

    有3种基类可以选择:

    • QMainWindow 是主窗口类,主窗口具有主菜单栏、工具栏和状态栏,类似于一般的应用

      程序的主窗口

    • QWidget 是所有具有可视界面类的基类,选择 QWidget 创建的界面对各种界面组件都可以支持;

    • QDialog 是对话框类,可建立一个基于对话框的界面

  • 选择 QMainWindow 作为基类,勾选 “Generate form” 复选框。这个选项如果勾选,就会由 Qt Creator 创建用户界面 (Use Interface, UI) 文件,否则,需要自己手写代码创建界面

    image-20240711193738439

  • 翻译文件设置如下:

    image-20240711193856265

  • 选择构建套件

    image-20240711193953969

  • 单击 "完成"按钮就可以完成项目的创建

2.项目的文件组成和管理

  完成了以上新建项目的步骤后,可显示如下窗口

image-20240711194435585

窗口有上下两个子窗口, 上方的目录树显示了项目内文件的组织结构, 显示当前项 sampl。项目的名称构成目录树的一个根节点, Qt Creator 可以打开多个项目,但是只有一个活动项目,活动项目的项目名称节点用粗体字体表示。在项目名称节点下,分组管理着项目内的各种源文件,几个文件及分组分别为以下几项:

  • samp1_1.pro:项目管理文件,包括一些对项目的设置项
  • Header分组:该节点下是项目内的所有头文件(.h)
  • Sources分组:该节点下是项目内的所有C++源文件(.cpp)
  • Forms分组:该节点下是项目内的所有界面文件(.ui),该文件使用 XML 语言描述界面的组成

  左侧上下两个子窗口的显示内容可以通过其上方的一个下拉列表框进行选择,可以选择的显示内容包括 Projects、 Open Documents、 Bookmarks、 File System、 Class View、 Outline 等。

image-20240711195541529

  双击mainwindow.ui文件,会出现如下窗体设计界面,这个界面实际上是Qt Creator中集成的Qt Designer。

image-20240711195812750

3.项目的编译、调试与运行

  单击主窗口左侧工具栏上的“Projects”按钮 ,出现如下项目编译设置界面。

image-20240711200235288

  界面左侧一栏的 “Build & Run” 下面显示了本项目中可用的编译器工具,要使用哪一个编译器用于项目编译,单击其名称即可,选择的编译器名称会用粗体字表示。

  每个编译器又有Build和Run两个设置界面。在 Build 置界面上 ,有一个"Shadow build " 复选框。如果勾选此项, 编译后将在项目的同级目录下建立一个编译后的文件目录,目录名称包含编译器信息 ,这种方式一般用于使用不同编译器创建不同版本的可执行文件。

image-20240711200858385

如果不勾选此项,编译后将在项目的目录下建立 “Debug"和"Release” 子目录用于存放编译后的文件。

image-20240711201031505

  在设计完mainwindow.ui文件,并设置好编译工具之后,就可以对项目进行编译、调试或运

行。主窗口左侧工具栏下方有4个按钮,

image-20240711201231154

其功能为:

  • 第一个图标:弹出菜单选择编译工具和编译模式,如Debug或Release 模式

  • 第二个图标:直接运行程序,如果修改后未编译,会先进行编译。即使在程序中设置了断点,此方式运行的程序也无法调试。快捷键为Ctrl + R

  • 第三个图标:项目需要以 Debug 模式编译,点此按钮开始调试运行,可以在程序中设置断点。若是以 Release 模式编译,点此按钮也无法进行调试。快捷键为F5

    在工程开发中,一般会选择Visual Studio作为调试软件。

  • 第四个图标:编译当前项目

二、在Visual Studio中创建Qt项目

注意:创建VS新项目是在qt与vsaddin安装完成后,且Qt Versions配置完成后,具体参考:https://liujie.blog.csdn.net/article/details/139798429

  • 点击“创建新项目”

    image-20240618190434230

  • 所有语言中选择“C++”

    image-20240618190642019

  • 在搜索在输入“qt”,选择适当的qt模板,点击“下一步”

    image-20240618190750663

  • 配置新项目,配置自己的项目名称与位置,点击“创建”

    image-20240618191255720

  • 点击“Next”

    image-20240618192701520

  • 点击“Next”,创建项目

    image-20240618192907990

  • 选择Base class后,点击“Finsh”

    image-20240618193055235

    这里其实应该将Class Name设置为Vsdemo01(大写开头),并勾选“Lower case file names”

    image-20240618193120440

    image-20240618193216791

  • 点击“本地Windows调试器”即可进行编译调试

    image-20240618193425663

注意:在Visual Studio2019中双击打开xx.ui文件时,如果直接打开会报错

image-20240618193653259

因此,需要右击ui文件,重新设置打开方式

image-20240618193819280

点击“添加”,选择qt安装目录下的qtcreator来进行打开,路径如:D:QtToolsQtCreatorbinqtcreator

image-20240618194051398

点击“确定”,并”设为默认值“

image-20240618194254872

image-20240618194342959

此时,xx.ui文件就可以在qtcreator中打开,不会报错。

image-20240618194500652

修改xx.ui文件后,要记得ctrl+s保存,然后再关掉qtcreator!

image-20240618194822185

此时,vs2019重新编译即可

image-20240618194940410

说明:项目创建完成!