Qt——升级系列(Level Two):Hello Qt 步伐实现、项目文件分析、Qt 编程 ...

打印 上一主题 下一主题

主题 551|帖子 551|积分 1653

目次
Hello Qt 步伐实现
  利用“按钮”实现
  利用 "标签" 实现
项目文件分析
  解释 .pro 
  解释widget.h
  解释 main.cpp
  解释widget.cpp
  解释widget.ui
Qt 编程注意事项
  Qt 中的命名规范
  Qt Creator 中的快捷键
  利用资助文档
  认识对象模型(对象树)
  Qt 窗口坐标体系

Hello Qt 步伐实现

  利用“按钮”实现

纯代码方式实现:

  1. // Widget构造函数的实现
  2. Widget::Widget(QWidget *parent)
  3.     : QWidget(parent)  // 使用父类构造函数初始化QWidget,传入父窗口指针
  4.     , ui(new Ui::Widget)  // 创建Ui::Widget类的实例,并用new动态分配内存
  5. {
  6.     // 调用ui的setupUi函数来初始化界面,传入this指针,即将当前Widget实例与设计的UI绑定
  7.     ui->setupUi(this);
  8.    
  9.     // 创建一个QPushButton对象指针btn
  10.     QPushButton *btn = new QPushButton;
  11.    
  12.     // 设置按钮的文本为"Hello_Qt"
  13.     btn->setText("Hello_Qt");
  14.    
  15.     // 设置按钮的父窗口为当前Widget,这样按钮会自动被管理(包括销毁)
  16.     btn->setParent(this);
  17. }
  18. // Widget析构函数的实现
  19. Widget::~Widget()
  20. {
  21.     // 释放ui指针所指向的内存,防止内存泄漏
  22.     delete ui;
  23. }
复制代码
 代码结果:

可视化操作实现:
(1)双击:" widget.ui " ⽂件;

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

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


  利用 "标签" 实现

纯代码方式实现:

  1. #include "widget.h"      // 包含自定义Widget类的头文件
  2. #include "ui_widget.h"   // 包含由Qt Designer生成的用户界面类头文件
  3. #include <QLabel>         // 包含QLabel控件的头文件,用于显示文本
  4. #include <QFont>          // 包含QFont类,用于设置字体样式
  5. // Widget类的构造函数
  6. Widget::Widget(QWidget *parent)
  7.     : QWidget(parent)     // 调用基类QWidget的构造函数,传入父窗口指针
  8.     , ui(new Ui::Widget)  // 使用new动态创建Ui::Widget实例
  9. {
  10.     // 初始化由Qt Designer设计的界面
  11.     ui->setupUi(this);
  12.     // 创建一个新的QLabel对象,并将其父窗口设为当前Widget
  13.     QLabel *lab = new QLabel(this);
  14.    
  15.     // 设置QLabel的显示文本为"Hello Qt"
  16.     lab->setText("Hello Qt");
  17.     // 设置窗口固定大小为800x600像素
  18.     setFixedSize(800, 600);
  19.     // 创建QFont对象,设置字体为"华文行楷",字号为64
  20.     QFont font("华文行楷", 64);
  21.    
  22.     // 将创建的字体应用到QLabel上
  23.     lab->setFont(font);
  24.     // 移动QLabel的位置到屏幕上的(0, 300)
  25.     lab->move(0, 300);
  26.     // 设置QLabel的文字颜色为蓝色
  27.     lab->setStyleSheet("color:blue");
  28. }
  29. // Widget类的析构函数
  30. Widget::~Widget()
  31. {
  32.     // 清理由new分配的ui对象,防止内存泄漏
  33.     delete ui;
  34. }
复制代码
代码结果:

可视化操作实现:
(1)双击:" widget.ui " ⽂件;
(2)拖拽 "标签" ⾄ UI 设计界⾯中,并双击修改标签内容;

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


项目文件分析

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

  解释 .pro 


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


  1. // widget.h 文件头部使用预处理器指令防止多次包含
  2. #ifndef WIDGET_H
  3. #define WIDGET_H
  4. // 包含基类 QWidget 的头文件,以便继承
  5. #include <QWidget>
  6. // 使用QT_BEGIN_NAMESPACE和QT_END_NAMESPACE包裹Ui命名空间的声明,
  7. // 以符合Qt的编码规范,避免命名冲突。
  8. QT_BEGIN_NAMESPACE
  9. namespace Ui {
  10.     // 前向声明Ui::Widget类,该类由uic自动生成并用于界面管理
  11.     class Widget;
  12. }
  13. QT_END_NAMESPACE
  14. // 类Widget的声明,它公有继承自QWidget
  15. class Widget : public QWidget
  16. {
  17.     // Q_OBJECT 宏是必须的,用于Qt的信号与槽机制以及国际化支持
  18.     Q_OBJECT
  19. public:
  20.     // 构造函数,接受一个指向父组件的指针,默认为nullptr
  21.     explicit Widget(QWidget *parent = nullptr);
  22.     // 析构函数,清理资源
  23.     ~Widget();
  24. private:
  25.     // 私有成员变量,指向由Qt设计师生成的界面类实例
  26.     Ui::Widget *ui; // 实例化Ui::Widget用于界面控制
  27. };
  28. // 结束条件编译,确保WIDGET_H只被定义一次
  29. #endif // WIDGET_H
复制代码
        在Qt中,假如要使⽤信号与槽(signal 和 slot)的机制 就必须加⼊ Q_OBJECT 宏;
        Ui::Widget *ui; 这个指针是⽤前⾯声明的 namespace Ui ⾥的 Widget 类界说的,以是指针 ui 是指向可视化设计的界⾯,后⾯要访问界⾯上的组件,都需要通过这个指针 ui 去访问。
  解释 main.cpp


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


        widget.cpp ⽂件是类 Widget 的实当代码,所有在窗体上要实现的功能添加在此⽂件中; 
  1. // 包含自定义窗口部件类的头文件
  2. #include "widget.h"
  3. // 包含由Qt Designer生成的用户界面类头文件,用于界面布局和控件
  4. #include "ui_widget.h"
  5. // Widget类构造函数
  6. Widget::Widget(QWidget *parent)
  7.     : QWidget(parent)  // 使用基类QWidget的构造函数初始化,传入父窗口指针
  8.     , ui(new Ui::Widget)  // 创建Ui::Widget类的实例,并用new动态分配内存
  9. {
  10.     // 调用ui->setupUi(this)来初始化界面,this指针指向当前Widget实例,
  11.     // 这一步会根据.ui文件设置窗口的布局和控件
  12.     ui->setupUi(this);
  13. }
  14. // Widget类析构函数
  15. Widget::~Widget()
  16. {
  17.     // 当Widget实例被销毁时,释放之前动态分配的ui对象的内存
  18.     delete ui;
  19. }
复制代码
  解释widget.ui


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

  1. <!-- XML声明部分,定义了文档的版本为1.0,字符编码为UTF-8 -->
  2. <?xml version="1.0" encoding="UTF-8"?>
  3. <!-- 开始定义Qt用户界面文件,版本号为4.0 -->
  4. <ui version="4.0">
  5.   <!-- 定义用户界面的主类名为Widget -->
  6.   <class>Widget</class>
  7.   <!-- 实际的窗口部件配置开始,这是一个QWidget类型的窗口部件 -->
  8.   <widget class="QWidget" name="Widget">
  9.     <!-- 设置窗口部件的初始几何属性 -->
  10.     <property name="geometry">
  11.       <!-- 使用矩形(rect)来具体定义位置和大小 -->
  12.       <rect>
  13.         <x>0</x> <!-- X轴坐标起始于0 -->
  14.         <y>0</y> <!-- Y轴坐标起始于0 -->
  15.         <width>800</width> <!-- 窗口宽度为800像素 -->
  16.         <height>600</height> <!-- 窗口高度为600像素 -->
  17.       </rect>
  18.     </property>
  19.     <!-- 设置窗口的标题 -->
  20.     <property name="windowTitle">
  21.       <string>Widget</string> <!-- 窗口标题为"Widget" -->
  22.     </property>
  23.   </widget> <!-- QWidget配置结束 -->
  24.   <!-- 资源部分,目前没有定义任何额外资源 -->
  25.   <resources/>
  26.   <!-- 连接部分,目前没有定义任何信号与槽的连接 -->
  27.   <connections/>
  28. </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 左侧边栏中直接⽤⿏标单击 "资助" 按钮:
  

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

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

        情况⼜有所不同,析构顺序就有了问题。我们看到,在上⾯的代码中,作为⽗对象的 window 会⾸先被析构,由于它是末了⼀个创建的对象。在析构过程中,它会调⽤⼦对象列表中每⼀个对象的析构函数,也就是说, quit 此时就被析构了。然后,代码继续执⾏,在 window 析构之后,quit 也会被析构,由于 quit 也是⼀个局部变量,在超出作⽤域的时间当然也需要析构。但是,这时间已经是第⼆次调⽤ quit 的析构函数了,C++ 不允许调⽤两次析构函数,因此,步伐崩溃了。
        由此我们看到,Qt 的对象树机制虽然在⼀定程度上解决了内存问题,但是也引⼊了⼀些值得注意的事情。这些细节在以后的开发过程中很可能时不时跳出来烦扰⼀下,以是,我们最好从开始就养成精良风俗。
   总结:在 Qt 中,尽量在构造的时间就指定 parent 对象,而且⼤胆在堆上创建。
  Qt对象树如图:

  Qt 窗口坐标体系

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

        对于嵌套窗⼝,其坐标是相对于⽗窗⼝来说的。
⽰例:使⽤Qt中的坐标系设置控件的位置;

 代码结果:



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

尚未崩坏

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表