当前位置: 首页 > news >正文

Qt——升级系列(Level Two):Hello Qt 程序实现、项目文件解析、Qt 编程注意事项

Hello Qt 程序实现

  使用“按钮”实现

纯代码方式实现:

a6f9bc08a8a3441bb9844f05a90b6b4f.png

// Widget构造函数的实现
Widget::Widget(QWidget *parent): QWidget(parent)  // 使用父类构造函数初始化QWidget,传入父窗口指针, ui(new Ui::Widget)  // 创建Ui::Widget类的实例,并用new动态分配内存
{// 调用ui的setupUi函数来初始化界面,传入this指针,即将当前Widget实例与设计的UI绑定ui->setupUi(this);// 创建一个QPushButton对象指针btnQPushButton *btn = new QPushButton;// 设置按钮的文本为"Hello_Qt"btn->setText("Hello_Qt");// 设置按钮的父窗口为当前Widget,这样按钮会自动被管理(包括销毁)btn->setParent(this);
}// Widget析构函数的实现
Widget::~Widget()
{// 释放ui指针所指向的内存,防止内存泄漏delete ui;
}

 代码结果:df72765f626143ba9bc20df79c8e96af.png

可视化操作实现:

(1)双击:" widget.ui " ⽂件;

aa2a53c24c3f4906ac95c1a8821a5ded.png

(2)拖拽控件⾄ ui 界⾯窗⼝并修改内容;

fbfcd62d85e746bbbe98f2ae4502290b.png

(3)构建并运⾏,效果如下所⽰:

34db1148cc73400e989d6bf8ef6ec516.png

  使用 "标签" 实现

纯代码方式实现:

a6ae1b73f87e42938668d0e45db2655e.png

#include "widget.h"      // 包含自定义Widget类的头文件
#include "ui_widget.h"   // 包含由Qt Designer生成的用户界面类头文件
#include <QLabel>         // 包含QLabel控件的头文件,用于显示文本
#include <QFont>          // 包含QFont类,用于设置字体样式// Widget类的构造函数
Widget::Widget(QWidget *parent): QWidget(parent)     // 调用基类QWidget的构造函数,传入父窗口指针, ui(new Ui::Widget)  // 使用new动态创建Ui::Widget实例
{// 初始化由Qt Designer设计的界面ui->setupUi(this);// 创建一个新的QLabel对象,并将其父窗口设为当前WidgetQLabel *lab = new QLabel(this);// 设置QLabel的显示文本为"Hello Qt"lab->setText("Hello Qt");// 设置窗口固定大小为800x600像素setFixedSize(800, 600);// 创建QFont对象,设置字体为"华文行楷",字号为64QFont font("华文行楷", 64);// 将创建的字体应用到QLabel上lab->setFont(font);// 移动QLabel的位置到屏幕上的(0, 300)lab->move(0, 300);// 设置QLabel的文字颜色为蓝色lab->setStyleSheet("color:blue");
}// Widget类的析构函数
Widget::~Widget()
{// 清理由new分配的ui对象,防止内存泄漏delete ui;
}

代码结果:9611e95fc9cf46e58a058adb3d1d531d.png

可视化操作实现:

(1)双击:" widget.ui " ⽂件;

(2)拖拽 "标签" ⾄ UI 设计界⾯中,并双击修改标签内容;

2a394d1d75c742e6bdd8144a263e2601.png

(3)实现效果如下图所⽰:

9e5809a3272a49e1be06c92c22def9c9.png

项目文件解析

        在我们创建完一个项目后,Qt Creator 会默认给我们生成以下文件:

90cadda97de94746b18144d3bec94c56.png

  解释 .pro 

42fe24b94af74df8a2a8580c5248455d.png

# Qt项目配置文件 (.pro) 示例# 添加必需的Qt模块:core和gui。core模块包含基础运行时功能,而gui模块用于构建图形用户界面。
QT       += core gui# 如果当前使用的Qt版本主版本号大于4,则额外添加widgets模块,因为从Qt5开始,widgets被分离出来作为一个独立模块。
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets# 配置项目以使用C++11标准。这对于利用现代C++特性如auto、lambda表达式等是必要的。
CONFIG += c++11# 定义宏QT_DEPRECATED_WARNINGS,使得编译器在遇到Qt中已标记为过时的功能时发出警告。
# 这有助于开发者及时迁移代码,避免使用即将不支持的API。
DEFINES += QT_DEPRECATED_WARNINGS# 注释掉的行展示了如何禁止使用指定版本之前的所有过时API。
# 解除注释并设置期望的版本(如QT_DISABLE_DEPRECATED_BEFORE=0x060000禁用Qt6.0.0前的过时API),
# 可强制编译失败而不是警告,确保代码完全不含旧API。
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # 禁用所有在Qt 6.0.0之前废弃的API# 指定源文件,项目将从这些文件编译生成可执行代码。
SOURCES += \main.cpp \widget.cpp# 指定头文件,这些是源文件中可能引用的声明文件。
HEADERS += \widget.h# 指定UI表单文件,这些是通过Qt Designer设计的界面文件,将被编译为C++代码。
FORMS += \widget.ui# 部署规则设定:
# - 对于QNX系统,目标路径设置为/tmp/${TARGET}/bin
# - 对于其他Unix系统(非Android),目标路径设置为/opt/${TARGET}/bin
# 如果target.path被设置了(即不为空),那么会自动添加一个安装步骤(INSTALLS += target)来安装生成的可执行文件到指定路径。
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

 .pro ⽂件的写法如下:
1. 注释:从 "#" 开始,到这⼀⾏结束。
2. QT += core gui // Qt 包含的模块 Qt5 包含的模块如下图所⽰:

48cdea165b4a40df8a3a3e495c81b5ec.png

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 关于应⽤程序的配置信息。

  解释widget.h

5f52a3bfc0094e138a31eda9735019f0.png

// widget.h 文件头部使用预处理器指令防止多次包含
#ifndef WIDGET_H
#define WIDGET_H// 包含基类 QWidget 的头文件,以便继承
#include <QWidget>// 使用QT_BEGIN_NAMESPACE和QT_END_NAMESPACE包裹Ui命名空间的声明,
// 以符合Qt的编码规范,避免命名冲突。
QT_BEGIN_NAMESPACE
namespace Ui {// 前向声明Ui::Widget类,该类由uic自动生成并用于界面管理class Widget;
}
QT_END_NAMESPACE// 类Widget的声明,它公有继承自QWidget
class Widget : public QWidget
{// Q_OBJECT 宏是必须的,用于Qt的信号与槽机制以及国际化支持Q_OBJECTpublic:// 构造函数,接受一个指向父组件的指针,默认为nullptrexplicit Widget(QWidget *parent = nullptr);// 析构函数,清理资源~Widget();private:// 私有成员变量,指向由Qt设计师生成的界面类实例Ui::Widget *ui; // 实例化Ui::Widget用于界面控制
};// 结束条件编译,确保WIDGET_H只被定义一次
#endif // WIDGET_H

        在Qt中,如果要使⽤信号与槽(signal 和 slot)的机制 就必须加⼊ Q_OBJECT 宏;

        Ui::Widget *ui; 这个指针是⽤前⾯声明的 namespace Ui ⾥的 Widget 类定义的,所以指针 ui 是指向可视化设计的界⾯,后⾯要访问界⾯上的组件,都需要通过这个指针 ui 去访问。

  解释 main.cpp

dcb18fe41d4f46f8a450b58f7f53c999.png

// 包含自定义窗口部件类(Widget)的实现文件
#include "widget.h"// 引入QApplication类,用于管理整个GUI应用程序的控制流程
#include <QApplication>// 应用程序的主函数
int main(int argc, char *argv[])
{// 创建QApplication对象,argc和argv是从命令行传入的参数,// 这一行是Qt GUI应用的起点,管理事件循环和提供系统级别的功能QApplication a(argc, argv);// 实例化自定义窗口部件Widget类Widget w;// 调用窗口部件的show()方法,使窗口在屏幕上显示出来w.show();// 启动Qt的事件循环,a.exec()会一直运行直到事件循环结束,// 通常当所有窗口关闭时事件循环结束,然后返回 exitCode 给操作系统return a.exec();
}

解释:
1. Qt 系统提供的标准类名 声明头⽂件没有 .h 后缀;
2. Qt ⼀个类对应⼀个头⽂件,类名 就是 头⽂件名;
3. QApplication 为应⽤程序类;QApplication a;(a为应⽤程序对象,有且仅有⼀个。)
⚫ QApplication 管理图形⽤⼾界⾯应⽤程序的控制流和主要设置。
⚫ QApplication 是 Qt 的整个后台管理的命脉。它包含主事件循环,在其中来⾃窗⼝系统和其它资源的所有事件处理和调度。它也处理应⽤程序的初始化和结束,并且提供对话管理。
⚫ 对于任何⼀个使⽤ Qt 的图形⽤⼾界⾯应⽤程序,都正好存在⼀个 QApplication 对象,⽽不论这个应⽤程序在同⼀时间内是不是有 0、1、2 或更多个窗⼝。
4. myWidget w; //实例化窗⼝对象
5. w.show(); //调⽤show函数显⽰窗⼝
6. a.exec() :程序进⼊消息循环,等待对⽤⼾输⼊进⾏响应。这⾥ main()把控制权转交给Qt,Qt 完成事件处理⼯作,当应⽤程序退出的时候 exec() 的值就会返回。在 exec() 中,Qt 接受并处理⽤⼾和系统的事件并且把它们传递给适当的窗⼝部件。 

  解释widget.cpp

3343effbc8ca487da3160982fc0d3ff2.png

        widget.cpp ⽂件是类 Widget 的实现代码,所有在窗体上要实现的功能添加在此⽂件中; 

// 包含自定义窗口部件类的头文件
#include "widget.h" // 包含由Qt Designer生成的用户界面类头文件,用于界面布局和控件
#include "ui_widget.h"// Widget类构造函数
Widget::Widget(QWidget *parent): QWidget(parent)  // 使用基类QWidget的构造函数初始化,传入父窗口指针, ui(new Ui::Widget)  // 创建Ui::Widget类的实例,并用new动态分配内存
{// 调用ui->setupUi(this)来初始化界面,this指针指向当前Widget实例,// 这一步会根据.ui文件设置窗口的布局和控件ui->setupUi(this);
}// Widget类析构函数
Widget::~Widget()
{// 当Widget实例被销毁时,释放之前动态分配的ui对象的内存delete ui;
}

  解释widget.ui

9186df472898499b9ed0db2679e4b32b.png

        widget.ui 是窗体界⾯定义⽂件,是⼀个 XML ⽂件,定义了窗⼝上的所有组件的属性设置、布局,及其信号与槽函数的关联等。⽤ UI 设计器可视化设计的界⾯都由 Qt ⾃动解析,并以 XML ⽂件的形式保存下来。在设计界⾯时,只需在 UI 设计器⾥进⾏可视化设计即可,⽽不⽤管 widget.ui ⽂件是怎么⽣成的。 

ee9a652e2cb54ae8929ead741708970d.png

<!-- XML声明部分,定义了文档的版本为1.0,字符编码为UTF-8 -->
<?xml version="1.0" encoding="UTF-8"?><!-- 开始定义Qt用户界面文件,版本号为4.0 -->
<ui version="4.0"><!-- 定义用户界面的主类名为Widget --><class>Widget</class><!-- 实际的窗口部件配置开始,这是一个QWidget类型的窗口部件 --><widget class="QWidget" name="Widget"><!-- 设置窗口部件的初始几何属性 --><property name="geometry"><!-- 使用矩形(rect)来具体定义位置和大小 --><rect><x>0</x> <!-- X轴坐标起始于0 --><y>0</y> <!-- Y轴坐标起始于0 --><width>800</width> <!-- 窗口宽度为800像素 --><height>600</height> <!-- 窗口高度为600像素 --></rect></property><!-- 设置窗口的标题 --><property name="windowTitle"><string>Widget</string> <!-- 窗口标题为"Widget" --></property></widget> <!-- QWidget配置结束 --><!-- 资源部分,目前没有定义任何额外资源 --><resources/><!-- 连接部分,目前没有定义任何信号与槽的连接 --><connections/></ui> <!-- 用户界面定义结束 -->

Qt 编程注意事项

  Qt 中的命名规范

  • 类名:⾸字⺟⼤写,单词和单词之间⾸字⺟⼤写;
  • 函数名及变量名:⾸字⺟⼩写,单词和单词之间⾸字⺟⼤写;

  Qt Creator 中的快捷键

  • 注释:ctrl + /
  • 运⾏:ctrl + R
  • 编译:ctrl + B
  • 字体缩放:ctrl + ⿏标滑轮
  • 查找:ctrl + F
  • 整⾏移动:ctrl + shift + ⬆/⬇
  • 帮助⽂档:F1
  • ⾃动对⻬:ctrl + i;
  • 同名之间的 .h 和 .cpp 的切换:F4
  • ⽣成函数声明的对应定义: alt + enter 

  使用帮助文档

打开帮助⽂档有三种⽅式. 实际编程中使⽤哪种都可以.
        1、光标放到要查询的类名/⽅法名上, 直接按 F1。
        2、Qt Creator 左侧边栏中直接⽤⿏标单击 "帮助" 按钮:

4c186d9a9a9647aa94d85e59908e3f0e.png

3、找到 Qt Creator 的安装路径,在 "bin" ⽂件夹下找到 assistant.exe,双击打开;

  认识对象模型(对象树)

        在 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 保持同样的⾏为。正常情况下,这也不会发⽣什么问题。来看下⾯的代码⽚段:

1f5d813c5849452b887f391a224dcac4.png

        作为⽗组件的 window 和作为⼦组件的 quit 都是 QObject 的⼦类(事实上,它们都是QWidget的⼦类,⽽QWidget 是 QObject 的⼦类)。这段代码是正确的,quit 的析构函数不会被调⽤两次,因为标准 C++ 要求,局部对象的析构顺序应该按照其创建顺序的相反过程。因此,这段代码在超出作⽤域时,会先调⽤ quit 的析构函数,将其从⽗对象 window 的⼦对象列表中删除,然后才会再调⽤window 的析构函数。

        但是,如果我们使⽤下⾯的代码:

8af45047911b41d991ea310d87cc7d0e.png

        情况⼜有所不同,析构顺序就有了问题。我们看到,在上⾯的代码中,作为⽗对象的 window 会⾸先被析构,因为它是最后⼀个创建的对象。在析构过程中,它会调⽤⼦对象列表中每⼀个对象的析构函数,也就是说, quit 此时就被析构了。然后,代码继续执⾏,在 window 析构之后,quit 也会被析构,因为 quit 也是⼀个局部变量,在超出作⽤域的时候当然也需要析构。但是,这时候已经是第⼆次调⽤ quit 的析构函数了,C++ 不允许调⽤两次析构函数,因此,程序崩溃了。

        由此我们看到,Qt 的对象树机制虽然在⼀定程度上解决了内存问题,但是也引⼊了⼀些值得注意的事情。这些细节在今后的开发过程中很可能时不时跳出来烦扰⼀下,所以,我们最好从开始就养成良好习惯。

总结:在 Qt 中,尽量在构造的时候就指定 parent 对象,并且⼤胆在堆上创建。

Qt对象树如图:c76b9994712446b399fa4f9faa0c9493.png

  Qt 窗口坐标体系

        坐标体系:以左上⻆为原点(0,0),X向右增加,Y向下增加。

ad4c07a4d618479fb6c3de772f13a797.png

        对于嵌套窗⼝,其坐标是相对于⽗窗⼝来说的。

⽰例:使⽤Qt中的坐标系设置控件的位置;

471739d7d1d44a25a21e5cd6c85d82de.png

 代码结果:

3aca9656636e4d82bbb564fcc6f27849.png

相关文章:

  • 线性回归模型
  • docker 命令 ps,inspect,top,logs详解
  • Python 使用全局变量:深入探索与实战指南
  • Pycharm SSH远程连接时出现报错,测试 SFTP 连接,连接到 ‘connect.westb.seetacloud.com‘ 失败
  • React Router v5 和 v6 中,路由对象声明方式有什么区别?
  • 腾讯云centos上安装docker
  • 在LabVIEW项目管理中,如何确保团队之间的有效沟通和协作
  • 算法题day37日(补5.23日卡:贪心算法day4)
  • 【DevOps】网络安全进阶之路:打造更安全、更可靠的网站
  • C语言笔记第10篇:内存函数
  • 【动手学深度学习】卷积神经网络(AlexNet)的研究详情
  • Java——Stream流(2/2):Stream流的中间方法、终结方法(方法、案例演示)
  • 掌握Django文件处理:一步步构建上传功能
  • 安全生产新篇章:可燃气体报警器检验周期的国家标准解读
  • 正则表达式 0.1v
  • Javascript Math对象和Date对象常用方法详解
  • Javascript弹出层-初探
  • PHP变量
  • SwizzleMethod 黑魔法
  • Vue.js-Day01
  • webgl (原生)基础入门指南【一】
  • 简单易用的leetcode开发测试工具(npm)
  • 聚簇索引和非聚簇索引
  • 猫头鹰的深夜翻译:Java 2D Graphics, 简单的仿射变换
  • 少走弯路,给Java 1~5 年程序员的建议
  • 微信端页面使用-webkit-box和绝对定位时,元素上移的问题
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • Mac 上flink的安装与启动
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • 好程序员web前端教程分享CSS不同元素margin的计算 ...
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • # Apache SeaTunnel 究竟是什么?
  • # centos7下FFmpeg环境部署记录
  • # Kafka_深入探秘者(2):kafka 生产者
  • # SpringBoot 如何让指定的Bean先加载
  • ### RabbitMQ五种工作模式:
  • #DBA杂记1
  • #define 用法
  • #stm32驱动外设模块总结w5500模块
  • #VERDI# 关于如何查看FSM状态机的方法
  • (4)logging(日志模块)
  • (undone) MIT6.824 Lecture1 笔记
  • (保姆级教程)Mysql中索引、触发器、存储过程、存储函数的概念、作用,以及如何使用索引、存储过程,代码操作演示
  • (二)JAVA使用POI操作excel
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (三维重建学习)已有位姿放入colmap和3D Gaussian Splatting训练
  • (四)事件系统
  • (一)SvelteKit教程:hello world
  • (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • .bat批处理(四):路径相关%cd%和%~dp0的区别
  • .net 7 上传文件踩坑
  • .Net 8.0 新的变化
  • .NET C# 使用GDAL读取FileGDB要素类
  • .NET Core跨平台微服务学习资源