目录

1.Qt

1.Qt 的主要特点

2.Qt的使用场景

3.Qt的版本

2.QtSDK

1.Qt SDK 的组成部分

2.安装 Qt SDK

3.Qt SDK 的优势

3.Qt初识

1.快速上手

widget.cpp

mian.cpp

widget.h 

Helloworld.pro

2.对象树

3.坐标系

4.信号和槽

1. 信号和槽的基本概念

2. 信号和槽的工作原理

3. 信号和槽的连接

4.自定义信号和槽

1.自定义槽

2.自定义信号

5.带参数的信号和槽

6.lambda定义槽函数

总结

5.常用控件

1.QWidget

1.enable属性

2.geometry属性

 3.windowTitle属性

4.windowIcon属性

5.windowOpacity属性

6.cursor属性

7.font属性

8.toolTip属性

9.focusPolicy属性

10.styleSheet属性

 2.QPushButton

1.常用属性

 3.QRadioButton

1.常用属性

4.QCheckBox

1.常用属性

5.QLabel

6.QLCDNumber

7.QProgressBar

8.QCalendarWidget

9.QLineEdit

10.QTextEdit

11.QComboBox

12.QSpinBox

13.QDateEdit&QTimeEdit

14.QDial

15.QSlider

16.QListWidget

17.QTableWidget

18.QTreeWidget

19.QGroupBox

 20.QTabWidget

6.布局管理器

1.水平布局

2.垂直布局

3.网格布局

4.表单布局

5.QSpacerItem

1.Qt

        Qt 是一个跨平台的应用程序开发框架，广泛用于开发图形用户界面（GUI）应用程序以及非图形程序（如控制台工具和服务器）。它由 Qt公司（原由 Trolltech 开发）创建，支持多种操作系统，如 Windows、Linux、macOS、Android 和 iOS。Qt 主要由 C++ 编写，并提供了与 C++ 完全兼容的 API，但也支持其他语言，如 Python（通过 PyQt 或 PySide）。

1.Qt 的主要特点

1. 跨平台支持：开发者可以使用相同的代码在多个操作系统上运行，不需要重写应用程序的 UI 或功能代码。

2. 丰富的控件和布局：Qt 提供了一套丰富的 GUI 控件（如按钮、文本框、表格、树形控件等）和布局管理器，使得开发者可以快速构建具有丰富界面的应用程序。

3. 信号和槽机制：这是 Qt 的核心机制之一，支持对象间的通信。当对象的某个事件（信号）发生时，可以触发与之关联的槽函数，实现对象间的解耦。

4. Qt Quick 和 QML：Qt 提供了基于声明式语言 QML 和 JavaScript 的 UI 构建方式，适合开发现代化的触控式界面和移动应用。Qt Quick 是构建动态界面和动画效果的强大工具。

5. 图形和多媒体支持：Qt 提供强大的图形绘制功能（如 2D 图形、图像处理等），同时还支持音频、视频和动画等多媒体功能。

6. 模块化：Qt 提供了多个模块，开发者可以根据需求选择使用，例如：

   • QtCore：核心功能模块，包含文件、日期、时间、进程管理等。
   • QtWidgets：经典的窗口小部件和布局管理。
   • QtMultimedia：音视频相关功能。
   • QtNetwork：网络编程相关功能。
   • QtWebEngine：嵌入 Web 内容的功能。
   • QtQuick：用于构建动态用户界面的模块。

7. 开发工具：

   • Qt Creator：一个强大的集成开发环境（IDE），专为 Qt 开发设计，支持调试、代码补全、版本控制等功能。

8. 多语言支持：Qt 支持多语言国际化，开发者可以利用 Qt 的翻译工具，快速将应用程序翻译成不同语言，适应全球用户。

9. 性能和扩展性：Qt 经过多年的优化，具有良好的性能，并且易于扩展，支持与 C++ 代码、第三方库等集成。

2.Qt的使用场景

• 桌面应用程序：开发跨平台的桌面软件，如文本编辑器、图片处理软件、IDE 等。
• 移动应用程序：Qt 支持 Android 和 iOS 的开发，适合开发移动端应用。
• 嵌入式系统：Qt 能够适应不同硬件平台，支持嵌入式开发，如智能设备、车载系统等。
• 多媒体和图形应用：比如游戏开发、视频播放器、图形设计工具等。

3.Qt的版本

• Qt 5.x：这是 Qt 的一个长期支持版本，已经得到广泛应用。
• Qt 6.x：是 Qt 的最新版本，带来了许多性能和功能上的改进，并更加适应现代硬件和开发需求。

2.QtSDK

Qt SDK（软件开发工具包）是一个用于开发 Qt 应用程序的工具集，包含了开发 Qt 应用所需的所有工具和库。它为开发者提供了一个统一的环境，用于构建、测试和部署跨平台应用程序。Qt SDK 是 Qt 开发的一部分，通常包括以下几个关键组成部分：

1.Qt SDK 的组成部分

1. Qt 库：

   • 包含 Qt 的核心库和模块，例如 QtCore、QtWidgets、QtQuick 等，这些是构建跨平台应用所需的基础组件。

2. Qt Creator：

   • Qt Creator 是官方推荐的集成开发环境（IDE），它支持跨平台开发，并为开发 Qt 应用提供了代码编辑、调试、版本控制、界面设计等功能。它支持 C++ 和 QML 开发，并且集成了 Qt 的构建工具。

3. Qt 版本管理器：

   • Qt SDK 附带了一个版本管理工具，允许开发者选择和切换不同版本的 Qt 库。这样开发者可以在不同项目之间方便地切换 Qt 版本。

4. Qt Designer：

   • Qt Designer 是一个可视化设计工具，用于创建和编辑 Qt 的图形用户界面。开发者可以通过拖拽组件来设计窗口和控件，并生成对应的 .ui 文件，这些文件可以直接与代码结合使用。

5. Qt Linguist：

   • 这个工具帮助开发者进行多语言支持。它允许开发者提取应用中的文本，进行翻译，并生成相应的翻译文件（.ts 文件）。

6. Qt Assistant：

   • 一个文档查看工具，用于查看 Qt 的官方文档，帮助开发者快速查找相关 API、类、函数等的用法和示例代码。

7. 构建工具：

   • qmake：Qt 的构建系统工具，用于生成平台特定的构建文件。它将项目源代码和配置文件转换为 Makefile 或其他平台的构建脚本。
   • CMake：Qt 也支持 CMake 构建工具，尤其是在一些需要跨平台的项目中，CMake 成为了越来越流行的选择。

8. Qt for WebAssembly：

   • 支持将 Qt 应用程序编译成 WebAssembly 格式，使其能够在浏览器中运行。这对于 Web 开发非常有用。

9. 模拟器和工具：

   • 在开发移动或嵌入式应用时，Qt SDK 提供了模拟器和设备部署工具，帮助开发者在不同的硬件或操作系统环境中测试应用。

10. 工具链和编译器：

• Qt SDK 包含了适用于不同平台的工具链和编译器。例如，对于 Windows 平台，它可能包含 MinGW 或 MSVC 编译器；对于 Linux 平台，包含 GCC 或 Clang 等工具。

2.安装 Qt SDK

1. 通过 Qt 官方网站安装：
   • 可以直接访问 Qt 官网 下载 Qt SDK，并使用安装程序进行安装。安装过程中可以选择所需的 Qt 版本、工具和编译器。
2. 通过命令行工具安装：
   • 对于 Linux 系统，Qt SDK 也可以通过包管理器安装。例如：
     • Ubuntu 上，可以使用 sudo apt install qt5-qmake qtbase5-dev 来安装 Qt 5 的开发包。
3. 在线安装程序：
   • Qt 提供了在线安装程序（Qt Online Installer），可以在安装过程中选择需要的组件，并且在未来可以方便地更新和管理不同版本的 Qt。

3.Qt SDK 的优势

1. 简化开发过程：

   • Qt SDK 提供了一个集成的开发环境，包含了所有必要的工具，使得开发者可以专注于应用的功能开发，而不必担心工具和库的配置问题。

2. 跨平台支持：

   • 通过使用 Qt SDK，开发者可以编写跨平台的应用，支持 Windows、macOS、Linux、Android、iOS 等操作系统，减少了平台之间的差异。

3. 一站式工具：

   • 包含了图形界面设计、代码编写、调试、版本控制、部署等各类工具，极大地提升了开发效率。

4. 社区和文档支持：

   • Qt SDK 内置了 Qt 文档助手，可以帮助开发者快速查找函数、类和 API 的用法，并且 Qt 拥有强大的社区支持，遇到问题时可以快速获得帮助。

3.Qt初识

1.快速上手

        首先打开qt creater开发平台：

        点击新建项目或者打开已有的项目，选择Qt Widgets Application：

        选择项目路径：

        构建方式选择qmake:

        选择创建的类以及头文件的名称和形式（选择QWidget）：

         选择语言：

        选择构建套件（Qt MinGW）：

         选择是否添加为子项目和是否进行版本管理：

        创建出来的项目结构如下：

该项目结构是一个典型的 Qt 项目结构。以下是各个文件夹和文件的说明：

1.项目文件(Helloworld.pro)

   .pro文件是 Qt 的项目文件，定义了项目的基本信息和编译设置，比如包含哪些源文件、头文件、界面文件、使用的模块等。编译时，Qt 会根据该文件生成构建所需的文件。

2.头文件(widget.h)

        头文件通常以 .h 为扩展名，用于声明类、函数、变量等。在该项目中，widget.h是主窗口类的头文件，定义了窗口的类名、成员函数、成员变量等信息。

3.源文件(main.cpp和widget.cpp)

• main.cpp：这是项目的入口文件。Qt 项目的 main() 函数通常在这个文件中实现，负责初始化应用程序和显示主窗口。
• widget.cpp：这是主窗口类的源文件，包含 widget.h中声明的函数的实现部分。比如窗口的初始化、控件的设置等都在这里实现。

4.界面文件(widget.ui)

   .ui文件是 Qt Designer 生成的界面文件，使用 XML 格式保存窗口布局和控件的配置信息。开发者可以使用 Qt Designer 或 Qt Creator 的可视化界面编辑器设计窗口布局，保存后会生成 .ui 文件。

widget.cpp

#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.h 是 Widget 类的头文件，包含了类的声明。
• ui_widget.h 是由 Qt 的界面文件（widget.ui）自动生成的头文件，定义了用户界面对象（Ui::Widget）。

• Widget::Widget(QWidget *parent)：这是 Widget 类的构造函数，用于初始化 Widget 对象。构造函数接受一个 QWidget * 类型的参数 parent，用于指定父窗口。

• QWidget(parent)：通过初始化列表调用父类 QWidget 的构造函数，传入 parent 参数。Qt 使用这种父子关系管理窗口控件的层级结构。

• ui(new Ui::Widget)：在初始化列表中创建一个新的 Ui::Widget 对象，并将它赋值给 ui 指针。这是 Widget 类中的一个成员变量，用来管理界面控件。

• ui->setupUi(this)：调用 setupUi() 函数，将 widget.ui 文件中定义的界面布局和控件初始化并应用到当前 Widget 对象上（即 this）。此行代码会将 .ui 文件中的控件与 ui 对象连接起来，使得可以通过 ui->控件名称 来访问这些控件。

• Widget::~Widget()：这是 Widget 类的析构函数，用于在对象销毁时执行清理操作。

• delete ui：手动释放 ui 指针占用的内存，避免内存泄漏。

mian.cpp

#include "widget.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

• #include "widget.h"：包含 Widget 类的头文件，这是我们定义的主窗口类，继承自 QWidget。
• #include <QApplication>：包含 QApplication 类的头文件。QApplication 是 Qt 应用程序的基础类，负责管理应用程序的整体控制，如事件循环和应用程序级的设置。
• int main(int argc, char *argv[])：定义了应用程序的入口函数 main。argc 和 argv 是命令行参数，argc 表示参数的数量，argv 是参数的数组指针。
• QApplication a(argc, argv);：创建一个 QApplication 对象 a，用于管理应用程序的事件循环和其他应用程序级别的设置。
• QApplication 对象是所有 Qt 应用的基础。它负责接收和分发事件，并管理应用程序的全局状态。
• argc 和 argv 作为参数传入，便于接收命令行参数。
• Widget w;：创建一个 Widget 类的对象 w，即主窗口对象。Widget 是从 QWidget 派生的类，代表应用程序的主界面。
• w.show();：调用 show() 函数将窗口显示在屏幕上。这是一个非阻塞的调用，显示窗口后立即返回，允许主程序继续运行。
• return a.exec();：调用 QApplication 对象的 exec() 函数，启动应用程序的事件循环（Event Loop）。
• 事件循环是 Qt 应用程序的核心机制之一，用于捕获和处理用户输入（如鼠标点击、键盘输入）以及系统事件。
• exec() 会保持程序运行，直到 QApplication::quit() 被调用，此时事件循环结束，程序退出。

widget.h 

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui {
class Widget;
}
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

• QT_BEGIN_NAMESPACE 和 QT_END_NAMESPACE：这些宏用于兼容命名空间封装。namespace Ui 是由 Qt 自动生成的命名空间，class Widget; 是对 Ui::Widget 类的前向声明。这个类是 Qt 的 uic 工具从 widget.ui 文件自动生成的，用于管理界面的控件。
• class Widget : public QWidget：定义 Widget 类，并继承自 QWidget。这表示 Widget 是一个窗口部件类，可以在 Qt 应用中用作窗口或嵌入的控件。
• Q_OBJECT：这是一个 Qt 宏，启用 Qt 的元对象系统（Meta-Object System）。它提供了信号和槽的机制等功能。任何使用信号和槽的类都必须包含该宏。
• Widget(QWidget *parent = nullptr);：构造函数，接受一个指向父窗口的指针 parent。默认值为 nullptr，表示没有父窗口。
• ~Widget();：析构函数，用于在对象销毁时清理资源。
• Ui::Widget *ui;：这是一个指向 Ui::Widget 类的指针，用于管理用户界面控件。它会在构造函数中被初始化，并通过调用 setupUi() 函数将 .ui 文件的控件和布局绑定到该类。

Helloworld.pro

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++17

# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    widget.cpp

HEADERS += \
    widget.h

FORMS += \
    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

• QT += core gui：指定该项目需要使用 core 和 gui 模块。
• core 模块提供基础的非图形功能。
• gui 模块提供图形用户界面功能（如窗口、控件、事件处理等）。
• greaterThan(QT_MAJOR_VERSION, 4): QT += widgets：表示如果 Qt 的主版本号大于 4（即 Qt5 及以上），则添加 widgets 模块。
• widgets 模块包含了窗口小部件相关的类，比如 QWidget、QPushButton、QLabel 等。
• CONFIG += c++17：配置项目使用 C++17 标准进行编译。这可以启用 C++17 的新特性。
• DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 可以在代码中禁用 Qt 6.0 之前被废弃的 API，从而避免使用不再推荐的功能。
• SOURCES +=：指定项目的源文件列表，包含 main.cpp 和 widget.cpp 文件。
• main.cpp 是程序的入口文件。
• widget.cpp 是 Widget 类的实现文件。
• HEADERS +=：指定项目的头文件列表，这里包括 widget.h 文件，定义了 Widget 类的声明。
• FORMS +=：指定项目的界面文件（.ui 文件）列表。这里包含 widget.ui 文件，这是通过 Qt Designer 创建的界面文件，定义了窗口的布局和控件。
• 这些行定义了项目在不同平台上的默认部署路径。
• qnx: target.path = /tmp/$${TARGET}/bin：如果在 QNX 系统上，则设置目标路径为 /tmp/$${TARGET}/bin。
• else: unix:!android: target.path = /opt/$${TARGET}/bin：如果不是 QNX 且是 UNIX 系统（非 Android），则设置目标路径为 /opt/$${TARGET}/bin。
• !isEmpty(target.path): INSTALLS += target：如果 target.path 非空，则将其添加到安装路径列表 INSTALLS。

        在widget.cpp里添加三行代码：

#include "widget.h"
#include "ui_widget.h"

#include <QLabel> //头文件
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    QLabel* label=new QLabel(this);//创建一个Qlabel对象
    label->setText("Hello world");//调用setText方法
}

Widget::~Widget()
{
    delete ui;
}

         此时运行Qt项目，就可以在widget窗口中展示出字符串了！！：

2.对象树

       Qt 对象树通常由两个部分组成：父对象和子对象。

• 父对象：一个对象可以拥有多个子对象，但只有一个父对象。父对象负责管理其所有子对象的生命周期。
• 子对象：每个对象可以有一个父对象，也可以没有父对象（根对象）。子对象的生命周期通常由父对象管理，当父对象销毁时，它的所有子对象也会被销毁。
• 父子关系：Qt 的对象树通过 QObject 类的父子关系来组织。通过 QObject::setParent() 方法可以设置父对象，父对象的销毁会自动销毁所有子对象。
• 事件传播：在 Qt 中，事件是从顶层父对象向下传递到子对象的。例如，当鼠标点击事件发生时，事件会先传递给父对象，父对象可以选择是否处理事件，如果不处理事件，事件会继续传递给其子对象。
• 自动内存管理：父对象的销毁会自动销毁所有子对象，避免了内存泄漏。Qt 使用了类似智能指针的机制来管理内存。

3.坐标系

        Qt 中的默认坐标系通常以窗口（或视图）左上角为原点 (0, 0)，并且坐标轴的方向如下：

• X轴：向右为正方向。
• Y轴：向下为正方向。
• 局部坐标系：是指相对于某个对象或控件的坐标系。例如，一个按钮在父窗口中的位置可以用局部坐标系来表示。
• 全局坐标系：是指相对于屏幕的坐标系。在 Qt 中，全局坐标系通常用于确定控件或窗口在屏幕上的绝对位置。

4.信号和槽

1. 信号和槽的基本概念

• 信号（Signal）：信号是由对象发出的通知，用于表示某些事件的发生。例如，按钮被点击时，按钮会发出一个信号。

• 槽（Slot）：槽是一个普通的成员函数，用于响应信号。当信号发出时，与之关联的槽会被调用。槽的作用是处理信号传递过来的数据或执行某些操作。

        信号和槽机制是一种 松耦合 的设计模式。发出信号的对象（发送者）并不需要知道哪些对象（接收者）会响应它的信号。接收信号的槽对象也不需要知道信号的发出者。它们只通过 Qt 的事件机制进行连接。

2. 信号和槽的工作原理

Qt 通过 QObject 类来支持信号和槽机制。所有继承自 QObject 的类都可以发出信号并响应槽。

• 信号通常在对象发生特定事件时被发出，例如按钮被点击、数据发生变化等。
• 槽是响应这些事件的函数，槽可以执行一些逻辑操作，或者更新界面。

        当信号发出时，Qt 会查找与该信号连接的槽函数，并执行槽函数。

3. 信号和槽的连接

        在 Qt 中，信号和槽的连接通常使用 QObject::connect() 函数来实现。connect() 函数将信号与槽进行绑定，当信号发出时，自动调用与之相连接的槽函数。

        上图中是connect函数的函数原型 ：

• sender描述了信号从哪里发出
• signal描述了信号的类型
• receive描述了哪个对象负责处理
• method描述了这个对象怎么处理
• 最后一个参数为默认参数，用于指定关联方式，一般不需要自己给定

下面我们通过一个例子来理解：

    QPushButton* button=new QPushButton(this);
    button->setText("关闭");
    button->move(200,200);
    connect(button,&QPushButton::clicked,this,&Widget::close);

1. 定义一个按钮button
2. 将button设置为信号的发出
3. 信号的类型是clicked函数，表示点击（信号）
4. close表示点击时触发widget对象的关闭（槽）

运行代码，窗口中出现了一个按钮，点击后窗口被关闭

        传统连接方式使用 SIGNAL() 和 SLOT() 宏来标识信号和槽：

connect(button, SIGNAL(clicked()), this, SLOT(onButtonClicked()));

        这两个宏实际上就是将两个函数指针转换为char*类型符合函数原型的定义

4.自定义信号和槽

        我们也可以自己定义信号和槽函数执行的内容：

1.自定义槽

void Widget::handleClicked()
{
    this->setWindowTitle("按钮已经按下!");
}

    QPushButton* button=new QPushButton(this);
    button->setText("按钮");
    button->move(100,100);
    connect(button,&QPushButton::clicked,this,&Widget::handleClicked);

        此时按下按钮，窗口的标题会被修改为按钮已经按下！

void Widget::on_pushButton_clicked()
{
    this->setWindowTitle("按钮已经按下！");
}

        qt可以通过槽函数的名字自动进行连接，此时不需要写connect函数也可以达到效果。

slots:
    void clicked();

        在qt以前的版本中需要将自定义的槽函数写在slots关键字内。

2.自定义信号

signals:
    void mySignal();

connect(this,&Widget::mySignal,this,&Widget::close);
emit mySignal();

        使用emit发出自定义的信号

5.带参数的信号和槽

signals:
    void mySignal(const QString& text);

public slots:
    void handleMySignal(const QString& text);

        带参数信号：如果信号携带参数，槽也需要接受相应的参数。

6.lambda定义槽函数

connect(button,&QPushButton::clicked,this,[](){
    qDebug()<<"lambda被执行了!";
});

        也可用lambda表达式来定义槽函数

总结

• 信号 是由对象发出的事件通知。
• 槽 是处理这些通知的函数，通常是响应事件。
• 信号和槽机制实现了对象之间的松耦合，使得代码更加灵活且易于维护。
• Qt 通过 connect() 函数连接信号和槽，支持不同类型的连接方式，包括跨线程通信。

5.常用控件

1.QWidget

1.enable属性

QPushButton* button=new QPushButton(this);
button->setText("按钮");
button->setEnabled(false);

        给button的enable属性使用setEnabled方法指定为false时，窗口中的按钮就被禁用了

void Widget::on_pushButton_clicked()
{
    qDebug()<<"执行了槽函数";
}


void Widget::on_pushButton_enable_clicked()
{
    bool enable=ui->pushButton->isEnabled();
    if(enable)
    {
        ui->pushButton->setEnabled(false);
    }
    else
    {
        ui->pushButton->setEnabled(true);
    }
}

        上面的代码在窗口中显示两个按钮，第一个按钮按下打印出信息，第二个按钮按下切换第一个按钮的可用状态

2.geometry属性

void Widget::on_pushButton_up_clicked()
{
    QRect rect=ui->pushButton_target->geometry();
    qDebug()<<rect;
    // rect.setY(rect.y()-5);
    // ui->pushButton_target->setGeometry(rect);
    ui->pushButton_target->setGeometry(rect.x(),rect.y()-5,rect.width(),rect.height());
}

void Widget::on_pushButton_down_clicked()
{
    QRect rect=ui->pushButton_target->geometry();
    qDebug()<<rect;
    // rect.setY(rect.y()+5);
    // ui->pushButton_target->setGeometry(rect);
    ui->pushButton_target->setGeometry(rect.x(),rect.y()+5,rect.width(),rect.height());
}

void Widget::on_pushButton_left_clicked()
{
    QRect rect=ui->pushButton_target->geometry();
    qDebug()<<rect;
    // rect.setX(rect.x()-5);
    // ui->pushButton_target->setGeometry(rect);
    ui->pushButton_target->setGeometry(rect.x()-5,rect.y(),rect.width(),rect.height());
}

void Widget::on_pushButton_right_clicked()
{
    QRect rect=ui->pushButton_target->geometry();
    qDebug()<<rect;
    // rect.setX(rect.x()+5);
    // ui->pushButton_target->setGeometry(rect);
    ui->pushButton_target->setGeometry(rect.x()+5,rect.y(),rect.width(),rect.height());
}

        上面的案例代码实现了一个点击上下左右按钮使目标按钮进行平移的功能

 3.windowTitle属性

this->setWindowTitle("设置窗口标题");

        上述代码可以设置窗口的标题 

4.windowIcon属性

QIcon icon("D:/code/Qt/cz_head.jpg");
this->setWindowIcon(icon);

         上述代码设置了窗口的图标

        可以使用qrc来管理资源，首先在项目中新建qt resource文件

        这样项目中就会有一个资源目录

        在资源目录的虚拟路径中添加所需要的资源

QIcon icon(":/cz_head.jpg");

        在代码中使用：+路径的方式引入资源，此时效果与第一种方式相同

5.windowOpacity属性

        windowOpacity属性用于设置窗口的透明度，透明度的值是0到1的浮动值

• 0表示完全透明
• 1表示完全不透明

6.cursor属性

        cursor属性用于设置窗口的鼠标光标样式

常用光标类型：

• Qt::ArrowCursor：标准箭头光标，通常表示正常的鼠标指针。
• Qt::UpArrowCursor：上箭头光标，通常用于表示方向性或操作。
• Qt::CrossCursor：十字光标，常用于绘图应用或选择区域。
• Qt::WaitCursor：等待光标（沙漏或旋转环），通常表示应用正在进行处理。
• Qt::IBeamCursor：I-beam 光标，通常用于文本编辑区域。
• Qt::SizeVerCursor：垂直调整大小光标，通常用于调整窗口大小时。
• Qt::SizeHorCursor：水平调整大小光标，通常用于调整窗口大小时。
• Qt::SizeBDiagCursor：从左上到右下的对角线调整光标。
• Qt::SizeFDiagCursor：从左下到右上的对角线调整光标。
• Qt::PointingHandCursor：手型光标，通常用于表示可点击的区域（如链接或按钮）。
• Qt::ForbiddenCursor：禁止光标，通常表示当前操作不允许。
• Qt::BlankCursor：空光标，用于隐藏鼠标光标。

this->setCursor(Qt::WaitCursor);

        此时窗口的光标显示为等待旋转环 

QPixmap pixmap(":/images/cursor.png");
QCursor customCursor(pixmap);
setCursor(customCursor);

        也可以自定义光标的图像

7.font属性

   QWidget类的font属性用于控制控件（包括窗口）中文本的字体样式。通过设置font属性，可以改变文本的字体类型、大小、加粗、斜体等样式。

        QFont 是 Qt 中用于描述字体的类，它包含字体的各种属性，例如字体家族、大小、加粗、斜体、下划线等。可以通过QFont 类来设置控件的字体。

QFont 常用属性

• 字体家族：使用setfamily()或family()方法设置或获取字体的家族名称（例如Arial等）。
• 字体大小：使用setPointSize()或PointSize() 设置或获取字体的大小（以点为单位）。
• 加粗：使用setBold()或Bold()设置或获取字体是否为加粗。
• 斜体：使用setItalic()或Italic()设置或获取字体是否为斜体。
• 下划线：使用setUnderline()或Underline()设置或获取字体是否带有下划线。
• 字重：使用setWeight() 或 Weight()  设置或获取字体的粗细级别。
• 字体风格：可以设置其他字体样式，如修饰、字形等。

QPushButton *button=new QPushButton(this);
button->setText("按钮");
QFont font;
font.setFamily("Arial");
font.setPointSize(20); // 设置字体大小为 20
font.setBold(true);    // 设置为加粗
font.setItalic(true);  // 设置为斜体
button->setFont(font);

        上述代码设置了按钮中字体的样式

8.toolTip属性

  QWidget类有一个toolTip属性，用于设置或获取控件的工具提示文本。工具提示文本通常用于提供控件或按钮的简短描述，帮助用户理解该控件的作用。

QPushButton *button=new QPushButton(this);
button->setText("按钮");
button->setToolTip("鼠标点击");

         上述代码在鼠标悬停在按钮上面的时候出现文本提示

9.focusPolicy属性

        focusPolicy控制控件的键盘焦点行为，它决定了控件是否能获得焦点、如何获得焦点以及焦点转移的方式。

 主要的焦点策略选项：

1. Qt::NoFocus：控件不接受焦点。这个选项用于那些不需要接受用户输入的控件（例如静态标签、只读文本等）。
2. Qt::TabFocus：控件可以通过 Tab 键获取焦点。控件可以通过 Tab 键顺序地获取焦点，但不能通过鼠标点击来获得焦点。
3. Qt::ClickFocus：控件可以通过鼠标点击获取焦点。控件会响应鼠标点击来获得焦点，但是不会响应键盘的 Tab 键。
4. Qt::StrongFocus：控件既可以通过鼠标点击，也可以通过键盘的 Tab 键获取焦点。通常情况下，大部分输入控件（如文本框、按钮、复选框等）使用该策略。
5. Qt::WeakFocus：控件可以通过鼠标点击获取焦点，但不能通过 Tab 键获取焦点。一般用于某些显示或不常互动的控件，如显示标签，但允许用户单击以获得焦点。

10.styleSheet属性

  QWidget类的styleSheet属性用于设置控件的样式表（CSS 样式）。通过设置styleSheet，你可以定制控件的外观，包括颜色、边框、背景、字体等样式，类似于网页中的 CSS 样式。

button->setText("按钮");
button->setStyleSheet("background-color: blue; color: white; font-size: 16px;");

        上述代码使用css设置了按钮的样式

 2.QPushButton

1.常用属性

1. QPushButton 的文本属性决定了按钮上显示的文字。通过 setText() 方法设置文本，通过 text() 方法获取按钮上的文本。

2. QPushButton 支持图标，可以通过 setIcon() 方法设置按钮的图标，并且可以设置图标的大小。

3. autoDefault 属性决定了按钮是否在按下时成为默认按钮。默认按钮通常会在按回车键时触发其动作。使用 setAutoDefault() 来启用或禁用此功能。

4. default 属性决定了按钮是否是默认按钮，通常情况下，如果一个按钮是默认按钮，在按下回车键时会触发按钮的点击事件。默认按钮会被高亮显示。使用 setDefault() 设置按钮为默认按钮。

5. enabled 属性决定按钮是否可用。禁用按钮后，按钮将无法被点击。

6. checkable 属性决定按钮是否为可切换的按钮（即有选中与未选中状态）。

7. checked 属性决定按钮的当前状态。你可以使用 isChecked() 获取按钮的状态，使用 setChecked() 设置按钮的选中状态。

8. flat 属性决定按钮是否显示为平面按钮。默认情况下，按钮会显示有阴影和边框的外观，设置 setFlat(true) 后，按钮会显示为平面风格。

9. setShortcut() 方法接受一个 QKeySequence 对象或一个字符串参数，用来指定按钮的快捷键。常见的快捷键格式包括 Ctrl+X、Alt+F4、Shift+F1 等。这个快捷键可以由用户通过键盘按下，触发按钮的点击事件。

void QPushButton::setShortcut(const QKeySequence &shortcut);

QPushButton *button = new QPushButton("Save", this);
button->setShortcut(QKeySequence(Qt::CTRL + Qt::Key_S));  // 设置Ctrl+S为快捷键

   QKeySequence 是一个表示快捷键的类，它可以接受不同的构造参数。 

      10.setAutoRepeat() 接受一个布尔值参数。如果设置为 true，按钮将启用自动重复功能；如果设置为 false，按钮的点击事件只会在用户单次点击时触发。

QPushButton *button = new QPushButton("Repeat", this);
button->setAutoRepeat(true);  // 启用自动重复功能

connect(button, &QPushButton::clicked, this, &MyWindow::onButtonClicked);

 3.QRadioButton

1.常用属性

1. checked 属性决定了按钮是否被选中。可以使用 setChecked() 方法设置按钮为选中或未选中状态。使用 isChecked() 方法获取按钮的选中状态。
2. autoExclusive 属性用于控制是否自动排他。排他意味着在同一父级 QButtonGroup 中，多个单选按钮互斥，只有一个可以被选中。默认情况下，当你将按钮加入一个 QButtonGroup 时，它会自动排他。
3. group 属性用于将多个单选按钮组织成一个按钮组。你可以通过 QButtonGroup 来管理多个 QRadioButton 控件，确保其中只有一个按钮能被选中。
4. QRadioButton 支持使用样式表（CSS）来改变按钮的外观。例如，你可以设置按钮的背景颜色、字体、边框等。
5. setFocus() 和 setTabOrder()：可以设置 QRadioButton 的焦点策略和 tab 键顺序。
6. setEnabled() 和 setVisible()：可以设置按钮是否启用或显示。

4.QCheckBox

1.常用属性

1. QCheckBox 的文本属性决定了复选框旁边显示的文字。通过 setText() 方法设置文本，通过 text() 方法获取按钮上的文本。
2. checked 属性决定了复选框是否被选中。可以使用 setChecked() 方法设置复选框为选中或未选中状态。使用 isChecked() 方法获取复选框的选中状态。
3. tristate 属性决定复选框是否支持三态状态（三个状态：选中、未选中和中立）。默认情况下，复选框是二态的（选中或未选中）。如果启用了三态，复选框会有三个状态：选中、未选中和中立。使用 setTristate() 来启用或禁用此功能。

• Qt::Unchecked：未选中。
• Qt::Checked：选中。
• Qt::PartiallyChecked：中立状态。

       当 tristate 被启用时，可以将复选框设置为 indeterminate（中立状态）。这表示复选框没有明确的选中或未选中状态，通常用于在父控件或选项的某些子选项状态不一致时显示。

1. autoExclusive 属性决定复选框是否是互斥的，即多个复选框是否可以同时选中。默认情况下，复选框并不互斥，可以同时选中多个复选框。如果将 setAutoExclusive(true)，则在同一组中的复选框只能选择一个（类似单选按钮的行为）。
2. 你可以为复选框设置图标，通过 setIcon() 方法设置一个 QIcon 对象，图标将显示在复选框旁边。
3. 可以通过 setFont() 设置复选框的字体。例如，可以设置字体的大小、样式等。

5.QLabel

        QLabel是 Qt 中的一个控件，通常用于显示文本、图像或其他静态内容。它是一个非常基础和常用的控件，通常用于标签、提示文字、图标或其他只读内容的展示。

核心属性如下：

ui->label->setTextFormat(Qt::PlainText);
ui->label->setText("这是⼀段纯⽂本");
ui->label_2->setTextFormat(Qt::RichText);
ui->label_2->setText("<b> 这是⼀段富⽂本 </b>");
ui->label_3->setTextFormat(Qt::MarkdownText);
ui->label_3->setText("## 这是⼀段 markdown ⽂本");

    // 设置⽂字居中对⻬
    ui->label->setAlignment(Qt::AlignHCenter | Qt::AlignVCenter);
    ui->label->setText("垂直⽔平居中的⽂本");
    // 设置⾃动换⾏
    ui->label_2->setAlignment(Qt::AlignTop | Qt::AlignLeft);
    ui->label_2->setWordWrap(true);
    ui->label_2->setText("这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本");
    // 设置⾸⾏缩进
    ui->label_3->setAlignment(Qt::AlignTop | Qt::AlignLeft);
    ui->label_3->setIndent(20);
    ui->label_3->setText("这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本");
    // 设置边距
    ui->label_4->setAlignment(Qt::AlignTop | Qt::AlignLeft);
    ui->label_4->setMargin(20);
    ui->label_4->setText("这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本这是⼀个很⻓的⽂本");

ui->label->setBuddy(ui->radioButton);
ui->label_2->setBuddy(ui->radioButton_2);

        上述代码给label设置了单选框的伙伴，此时点击label就能激活单选框，也可通过alt+A来触发

6.QLCDNumber

       QLCDNumber是 Qt 中用于显示数字的控件，提供了一个数字显示面板，通常用于显示动态的数值，像是时钟、计数器或其他实时数字信息。它的外观类似于传统的 LCD 屏幕显示，数字通常以数字段的形式显示。

核心属性如下：

7.QProgressBar

        QProgressBar是 Qt 中用于显示进度的控件，常用于显示某个操作的进度，例如文件下载、数据处理、任务执行等。它通常以条形图的形式展示当前进度，通过不断更新进度值来给用户展示操作完成的进度情况。

核心属性如下：

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
#include <QIcon>
#include <QPushButton>
#include <QCursor>
#include <QPixmap>
#include <QFont>
#include <QToolTip>

#include <QLabel>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    timer=new QTimer(this);
    connect(timer,&QTimer::timeout,this,&Widget::updateProgressBar);
    timer->start(100);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::updateProgressBar()
{
    int value=ui->progressBar->value();
    if(value>=100)
    {
        timer->stop();
        return;
    }
    ui->progressBar->setValue(value+1);
}

        上述代码每隔100毫秒使进度条的进度加一

8.QCalendarWidget

        QCalendarWidget是 Qt 提供的一个功能强大的日历控件，用于显示和选择日期。它支持多种样式、格式化设置以及高度可定制的功能，适合用于日期选择、日期展示等场景。

核心属性如下：

重要信号如下：

void Widget::on_calendarWidget_selectionChanged()
{
    QDate date = ui->calendarWidget->selectedDate();
    qDebug() << date;
    ui->label->setText(date.toString());
}

        上述代码在选择不同的日期时，label中的内容就会随之改变

9.QLineEdit

        QLineEdit 是 Qt 提供的单行文本输入控件，用于用户输入或显示单行文本。它支持多种功能，如占位符、输入验证、掩码输入、密码输入等，适用于各种需要单行文本输入的场景。

核心属性如下：

核心信号如下：

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
#include <QIcon>
#include <QPushButton>
#include <QCursor>
#include <QPixmap>
#include <QFont>
#include <QToolTip>

#include <QLabel>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 初始化第⼀个输入框
    ui->lineEdit_name->setPlaceholderText("请输入姓名");
    ui->lineEdit_name->setClearButtonEnabled(true);
    // 初始化第⼆个输入框
    ui->lineEdit_password->setPlaceholderText("请输入密码");
    ui->lineEdit_password->setClearButtonEnabled(true);
    ui->lineEdit_password->setEchoMode(QLineEdit::Password);
    // 初始化第三个输入框
    ui->lineEdit_phone->setPlaceholderText("请输⼊电话号码");
    ui->lineEdit_password->setClearButtonEnabled(true);
    // 验证⼿机号码必须是 11 位数字. 并且按照 "344" 的格式来输⼊.
    ui->lineEdit_phone->setInputMask("000-0000-0000");
}


Widget::~Widget()
{
    delete ui;
}

void Widget::on_pushButton_clicked()
{
    QString gender = ui->radioButton_male->isChecked() ? "男" : "⼥";
    qDebug() << "姓名: " << ui->lineEdit_name->text()
             << "密码: " << ui->lineEdit_password->text()
             << "性别: " << gender
             << "手机: " << ui->lineEdit_phone->text();
}

        上述代码实现了一个表单输入功能，点击确认后打印出信息

        除了使用inputMask进行表单校验，实际开发中大多基于正则表达式验证

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->pushButton->setEnabled(false);
    ui->lineEdit->setValidator(new QRegularExpressionValidator(QRegularExpression("^1\\d{10}$")));
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_lineEdit_textEdited(const QString &arg1)
{
    qDebug() << arg1;
    QString content = arg1;
    int pos = 0;
    if (ui->lineEdit->validator()->validate(content, pos) ==
        QValidator::Acceptable) {
        // 验证通过, 设置按钮的可⽤状态为启⽤.
        ui->pushButton->setEnabled(true);
    } else {
        // 验证不通过, 设置按钮的可⽤状态为禁⽤.
        ui->pushButton->setEnabled(false);
    }
}

        上述代码的输入框中无法输入字母

10.QTextEdit

        QTextEdit是 Qt 提供的多行文本编辑器控件，支持显示和编辑富文本（如 HTML、Markdown）和纯文本。它比QLineEdit功能更强大，可用于编写文档、文本区域输入等场景。 

 核心属性如下：

核心信号如下：

setText() 和 toPlainText()

• setText(const QString &text)：设置编辑器中的文本内容。
• toPlainText()：获取编辑器中的纯文本内容。

void Widget::on_textEdit_textChanged()
{
    const QString& content = ui->textEdit->toPlainText();
    qDebug() << content;
    ui->label->setText(content);
}

        上述代码当输入框发生变化，label内容同步变化 

11.QComboBox

        QComboBox 是 Qt 提供的下拉框控件，用于展示一个可选列表，用户可以从中选择一个选项或输入文本。它既可以用作一个简单的选择器，也可以作为可编辑的输入框。

核心属性如下：

核心方法如下：

核心信号如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->comboBox->addItem("巨无霸");
    ui->comboBox->addItem("麦辣鸡腿堡");
    ui->comboBox_2->addItem("薯条");
    ui->comboBox_2->addItem("麦辣鸡翅");
    ui->comboBox_3->addItem("可乐");
    ui->comboBox_3->addItem("雪碧");
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    qDebug() << "汉堡选择: " << ui->comboBox->currentText();
    qDebug() << "小食选择: " << ui->comboBox_2->currentText();
    qDebug() << "饮料选择: " << ui->comboBox_3->currentText();
}

        上述代码在点击确定按钮时，打印出下拉框选择的内容

12.QSpinBox

        QSpinBox 是 Qt 提供的一个小型增减数字输入控件，允许用户通过键盘输入或上下按钮调整整数值。它适用于场景如数量选择、页码跳转等。

核心属性如下：

核心信号如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->comboBox->addItem("巨无霸");
    ui->comboBox->addItem("麦辣鸡腿堡");
    ui->comboBox_2->addItem("薯条");
    ui->comboBox_2->addItem("麦辣鸡翅");
    ui->comboBox_3->addItem("可乐");
    ui->comboBox_3->addItem("雪碧");

    ui->spinBox->setValue(1);
    ui->spinBox->setRange(1, 5);
    ui->spinBox_2->setValue(1);
    ui->spinBox_2->setRange(1, 5);
    ui->spinBox_3->setValue(1);
    ui->spinBox_3->setRange(1, 5);
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    qDebug() << "当前下单的内容: "
             << ui->comboBox->currentText() << ": " << ui->spinBox->value()
             << ui->comboBox_2->currentText() << ": " << ui->spinBox_2->value()
             << ui->comboBox_3->currentText() << ": " << ui->spinBox_3->value();
}

        上述代码可以打印出下单的数量

13.QDateEdit&QTimeEdit

        QDateEdit和QTimeEdit是 Qt 提供的日期和时间输入控件。它们允许用户通过键盘输入或箭头按钮调整日期和时间。

QDateTimeEdit核心属性如下：

核心信号如下：

void Widget::on_pushButton_clicked()
{
    // 获取到两个时间框的时间⽇期
    QDateTime timeOld = ui->dateTimeEdit_old->dateTime();
    QDateTime timeNew = ui->dateTimeEdit_new->dateTime();
    // 计算⽇期差值
    int days = timeOld.daysTo(timeNew);
    int hours = (timeOld.secsTo(timeNew) / 3600) % 24;
    // 设置 label 的内容
    QString text = QString("爱你已经持续了 ") + QString::number(days) + QString(" 天 零 ")+ QString::number(hours) + QString(" 个⼩时!");
    ui->label->setText(text);
}

        上述代码将两个日期时间的插值转换为天加小时显示了出来

14.QDial

        QDial 是 Qt 提供的旋转式控件，类似音量调节旋钮或进度控制器。它继承自QAbstractSlider，可以设置范围、步长，并通过旋转调整值。 

核心属性如下：

核心信号如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 设置可以循环旋转
    ui->dial->setWrapping(true);
    // 设置刻度线可⻅
    ui->dial->setNotchesVisible(true);
    // 设置最⼤值为
    ui->dial->setMaximum(100);
    // 设置最⼩值为
    ui->dial->setMinimum(0);
    // 设置初始值为
    ui->dial->setValue(100);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_dial_valueChanged(int value)
{
    ui->label->setText(QString("当前不透明度为: ") + QString::number(value));
    this->setWindowOpacity((double)value / 100);
}

        上述代码拖动旋钮旋转，不透明度发生变化

15.QSlider

        QSlider 是一个滑块控件，允许用户通过拖动滑块来选择数值，适用于范围内的数值选择或进度控制。它继承自 QAbstractSlider，支持水平和垂直两种方向。

核心属性如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->horizontalSlider->setMinimum(500);
    ui->horizontalSlider->setMaximum(2000);
    ui->horizontalSlider->setSingleStep(100);
    ui->horizontalSlider->setValue(800);
    ui->verticalSlider->setMinimum(500);
    ui->verticalSlider->setMaximum(1500);
    ui->verticalSlider->setSingleStep(100);
    ui->verticalSlider->setValue(600);
    // 翻转朝向, 默认滑块从下向上增⻓, 改成从上往下增⻓.
    ui->verticalSlider->setInvertedAppearance(true);
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_horizontalSlider_valueChanged(int value)
{
    QRect rect = this->geometry();
    this->setGeometry(rect.x(), rect.y(), value, rect.height());
    qDebug() << value;
}


void Widget::on_verticalSlider_valueChanged(int value)
{
    QRect rect = this->geometry();
    this->setGeometry(rect.x(), rect.y(), rect.width(), value);
    qDebug() << value;
}

        上述代码在拖动滑块时窗口大小会发生变化

16.QListWidget

        QListWidget 是 Qt 提供的用于显示和管理列表项的控件，继承自QListView，并结合了 QListWidgetItem提供了一个简单的接口来操作列表内容。它支持项的添加、删除、排序，以及多选和拖放操作。

核心属性如下：

核心方法如下：

核心信号如下：

QListWidgetItem核心方法如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->listWidget->addItem("C++");
    ui->listWidget->addItem("Java");
    ui->listWidget->addItem("Python");
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_listWidget_currentItemChanged(QListWidgetItem *current, QListWidgetItem *previous)
{
    if(current!=NULL&&previous!=NULL)
    {
        qDebug() << "当前选中: " << current->text()<<"之前选中: " << previous->text();
    }
}


void Widget::on_pushButton_clicked()
{
    const QString& text=ui->lineEdit->text();
    if(text.isEmpty())
    {
        return;
    }
    ui->listWidget->addItem(text);
}


void Widget::on_pushButton_2_clicked()
{
    int row=ui->listWidget->currentRow();
    ui->listWidget->takeItem(row);
}

         上述代码实现了新增元素，选中元素，删除元素的功能

17.QTableWidget

        QTableWidget是一个基于表格的控件，继承自QTableView，结合了QTableWidgetItem提供了一个简单的接口来操作表格内容。它可以轻松实现单元格的插入、删除、排序、选择等功能，适用于轻量级的二维数据展示。

QTableWidget核心方法如下：

QTableWidgetItem核心信号如下：

QTableWidgetItem核心方法如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 创建 3 ⾏
    ui->tableWidget->insertRow(0);
    ui->tableWidget->insertRow(1);
    ui->tableWidget->insertRow(2);
    // 创建 3 列
    ui->tableWidget->insertColumn(0);
    ui->tableWidget->insertColumn(1);
    ui->tableWidget->insertColumn(2);
    // 给 3 列设定列名
    ui->tableWidget->setHorizontalHeaderItem(0, new QTableWidgetItem("学号"));
    ui->tableWidget->setHorizontalHeaderItem(1, new QTableWidgetItem("姓名"));
    ui->tableWidget->setHorizontalHeaderItem(2, new QTableWidgetItem("年龄"));
    // 设置初始数据
    ui->tableWidget->setItem(0, 0, new QTableWidgetItem("1001"));
    ui->tableWidget->setItem(0, 1, new QTableWidgetItem("张三"));
    ui->tableWidget->setItem(0, 2, new QTableWidgetItem("20"));
    ui->tableWidget->setItem(1, 0, new QTableWidgetItem("1002"));
    ui->tableWidget->setItem(1, 1, new QTableWidgetItem("李四"));
    ui->tableWidget->setItem(1, 2, new QTableWidgetItem("21"));
    ui->tableWidget->setItem(2, 0, new QTableWidgetItem("1003"));
    ui->tableWidget->setItem(2, 1, new QTableWidgetItem("王五"));
    ui->tableWidget->setItem(2, 2, new QTableWidgetItem("19"));
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_pushButton_addRow_clicked()
{
    // 1. 获取到⾏数
    int rowCount = ui->tableWidget->rowCount();
    // 2. 插⼊新⾏
    ui->tableWidget->insertRow(rowCount);
}

void Widget::on_pushButton_addCol_clicked()
{
    // 1. 获取到列数
    int colCount = ui->tableWidget->columnCount();
    // 2. 插⼊新列
    ui->tableWidget->insertColumn(colCount);
    // 3. 设置列名
    const QString& name = ui->lineEdit->text();
    ui->tableWidget->setHorizontalHeaderItem(colCount, new
                                             QTableWidgetItem(name));
}

void Widget::on_pushButton_delRow_clicked()
{
    // 1. 获取选中的⾏号
    int curRow = ui->tableWidget->currentRow();
    // 2. 删除对应⾏
    ui->tableWidget->removeRow(curRow);
}

void Widget::on_pushButton_delCol_clicked()
{
    // 1. 获取选中的列号
    int curCol = ui->tableWidget->currentColumn();
    // 2. 删除对应的列
    ui->tableWidget->removeColumn(curCol);
}

        上述代码可以完成对表格的基本操作

18.QTreeWidget

        QTreeWidget是一个用于显示树形结构数据的控件，继承自QTreeView，通过QTreeWidgetItem来管理和操作树节点。它提供了一个简单的接口，可以轻松实现节点的增删、展开折叠以及与用户交互。

 QTreeWidget核心方法如下：

QTreeWidget核心信号如下：

QTreeWidgetItem核心属性如下：

QTreeWidgetItem核心方法如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->treeWidget->setHeaderLabel("动物");
    QTreeWidgetItem* item1 = new QTreeWidgetItem();
    item1->setText(0, "猫");
    ui->treeWidget->addTopLevelItem(item1);
    QTreeWidgetItem* item2 = new QTreeWidgetItem();
    item2->setText(0, "狗");
    ui->treeWidget->addTopLevelItem(item2);
    QTreeWidgetItem* item3 = new QTreeWidgetItem();
    item3->setText(0, "⻦");
    ui->treeWidget->addTopLevelItem(item3);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_pushButton_clicked()
{
    // 获取输⼊框内容
    const QString& text = ui->lineEdit->text();
    if (text.isEmpty()) {
        return;
    }
    // 添加到顶层节点中
    QTreeWidgetItem* item = new QTreeWidgetItem();
    item->setText(0, text);
    ui->treeWidget->addTopLevelItem(item);
}


void Widget::on_pushButton_2_clicked()
{
    // 获取输⼊框内容
    const QString& text = ui->lineEdit->text();
    if (text.isEmpty()) {
        return;
    }
    // 获取到当前选中的节点
    QTreeWidgetItem* currentItem = ui->treeWidget->currentItem();
    if (currentItem == NULL) {
        return;
    }
    // 构造新的 item
    QTreeWidgetItem* newItem = new QTreeWidgetItem();
    newItem->setText(0, text);
    // 添加 item 到选中节点
    currentItem->addChild(newItem);
    // 展开⽗节点
    currentItem->setExpanded(true);
}


void Widget::on_pushButton_3_clicked()
{
    // 获取到当前选中的节点
    QTreeWidgetItem* currentItem = ui->treeWidget->currentItem();
    if (currentItem == NULL) {
        return;
    }
    // 获取当前节点的⽗节点
    QTreeWidgetItem* parent = currentItem->parent();
    if (parent == NULL) {
    // 顶层节点
    int index = ui->treeWidget->indexOfTopLevelItem(currentItem);
    ui->treeWidget->takeTopLevelItem(index);
    } else {
    // ⾮顶层节点
    parent->removeChild(currentItem);
    }
}

        上述代码可以针对树形框进行编辑

19.QGroupBox

        QGroupBox是 Qt 提供的一个容器控件，用于将一组相关的控件组织在一起，并为其添加标题或边框。它不仅能帮助界面布局更加整洁，还能通过启用/禁用功能对其中的控件进行统一管理。

核心属性如下： 

 20.QTabWidget

        QTabWidget是 Qt 提供的一个多页面切换控件，它通过选项卡（Tab）组织多个页面，每个页面可以包含不同的控件。这种设计常用于复杂界面，使得功能分区更加清晰和用户友好。

 核心属性如下： 

核心信号如下：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QLabel* label = new QLabel(ui->tab);
    label->setText("标签页1");
    label->resize(100, 50);
    QLabel* label2 = new QLabel(ui->tab_2);
    label2->setText("标签页2");
    label2->resize(100, 50);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_pushButton_add_clicked()
{
    // 获取当前有⼏个标签页了
    int count = ui->tabWidget->count();
    // 创建新的 widget
    QWidget* w = new QWidget();
    ui->tabWidget->addTab(w, QString("Tab ") + QString::number(count + 1));
    // 给 widget 中添加 label
    QLabel* label = new QLabel(w);
    label->setText(QString("标签页") + QString::number(count + 1));
    label->resize(100, 50);
    // 选中这个新的标签页
    ui->tabWidget->setCurrentIndex(count);

}

void Widget::on_pushButton_remove_clicked()
{
    // 获取当前标签页的下标
    int index = ui->tabWidget->currentIndex();
    // 删除这个标签页
    ui->tabWidget->removeTab(index);
}

void Widget::on_tabWidget_currentChanged(int index)
{
    qDebug() << "当前选中标签页为: " << index;
}

        上述代码可以创建新的标签页，可以删除标签

6.布局管理器

        Qt 的 布局管理器 用于自动管理控件的排列方式和大小调整。它通过定义布局规则，使界面可以根据窗口大小动态调整控件的摆放，保证应用程序界面在不同平台和分辨率下具有良好的视觉效果。

1.水平布局

QHBoxLayout核心属性：

QHBoxLayout *hLayout = new QHBoxLayout;
hLayout->addWidget(new QPushButton("Button 1"));
hLayout->addWidget(new QPushButton("Button 2"));
hLayout->addWidget(new QPushButton("Button 3"));

2.垂直布局

QVBoxLayout *vLayout = new QVBoxLayout;
vLayout->addWidget(new QPushButton("Button 1"));
vLayout->addWidget(new QPushButton("Button 2"));
vLayout->addWidget(new QPushButton("Button 3"));

3.网格布局

QGridLayout *gridLayout = new QGridLayout;
gridLayout->addWidget(new QPushButton("Button 1"), 0, 0);
gridLayout->addWidget(new QPushButton("Button 2"), 0, 1);
gridLayout->addWidget(new QPushButton("Button 3"), 1, 0, 1, 2); // 跨两列

4.表单布局

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 创建 layout
    QFormLayout* layout = new QFormLayout();
    this->setLayout(layout);
    // 创建三个 label
    QLabel* label1 = new QLabel("姓名");
    QLabel* label2 = new QLabel("年龄");
    QLabel* label3 = new QLabel("电话");
    // 创建三个 lineEdit
    QLineEdit* lineEdit1 = new QLineEdit();
    QLineEdit* lineEdit2 = new QLineEdit();
    QLineEdit* lineEdit3 = new QLineEdit();
    // 创建⼀个提交按钮
    QPushButton* btn = new QPushButton("提交");
    // 把上述元素添加到 layout 中
    layout->addRow(label1, lineEdit1);
    layout->addRow(label2, lineEdit2);
    layout->addRow(label3, lineEdit3);
    layout->addRow(NULL, btn);

}

5.QSpacerItem

        在 Qt 中，QSpacerItem 是一种用于布局管理器中的占位符对象，用来在布局中创建可伸缩的空白区域。它通常与布局管理器配合使用，用来调整控件的间距或对齐方式。

核心属性如下

QHBoxLayout* layout = new QHBoxLayout();
this->setLayout(layout);
QPushButton* btn1 = new QPushButton("按钮1");
QPushButton* btn2 = new QPushButton("按钮2");
// 创建 Spacer
QSpacerItem* spacer = new QSpacerItem(200, 20);
layout->addWidget(btn1);
// 在两个 widget 中间添加空⽩
layout->addSpacerItem(spacer);
layout->addWidget(btn2);