QT环境搭建

安装QT

QT5

# debian系
sudo apt install qt5-default          # 基础开发工具（qmake、moc 等）
sudo apt install qtbase5-dev          # Qt5 核心库开发文件
sudo apt install qttools5-dev         # Qt5 工具（Qt Designer、Linguist 等）

# 红帽系

# 安装 Qt5 核心开发包
sudo dnf install qt5-qtbase-devel      # Qt5 核心库开发文件
sudo dnf install qt5-qttools-devel     # Qt5 工具（Qt Designer、Linguist 等）

# 安装常用模块（按需选择）
sudo dnf install \
  qt5-qtdeclarative-devel \           # Qt Quick
  qt5-qtsvg-devel \                   # SVG 支持
  qt5-qtwayland-devel \               # Wayland 支持
  qt5-qtwebengine-devel               # WebEngine 支持

QT6

https://www.qt.io/product/qt6

# debian系
sudo apt install qt6-base-dev qt6-tools-dev

# 红帽系
sudo dnf install qt6-qtbase-devel qt6-qttools-devel

sudo dnf install qt6-qtdeclarative-devel qt6-qtsvg-devel qt6-qtwayland-devel qt6-qt5compat-devel qt6-qtwebsockets-devel

VScode环境配置

主要是CMake搭建QT5/QT6开发环境，详看CMake C/C++编译环境配置

QT Designer生成.ui

主要是用下面这个软件进行图形化设计，然后生成.ui文件再转化为.h文件用于C/C++工程。

比如我们创建一个Helloworld窗口，打开QT Designer之后，选择创建Widget。

拖进来，输入Hello World！

可以调字体大小。

可以修改objectName，即是C++代码里调用的类名称。

最后保存.ui文件，一般是保存在功能包下的form文件夹下。

调用.ui类并编译运行

首先先确保你的VScode+CMake配置正确。

然后再cmake ..，接着make install，此时QT_Projects/QT6/QT6_Template/build/src/QT6TEST/目录下会出现.h文件。

然后可以在代码中引用这个.h。

接着实现自己的代码功能就可以了。

#include "QT6TEST/inc/qt6_test.hpp"
#include <QApplication>
#include <QWidget>
#include "ui_mywidget.h"

int qt6_test(int argc,char **argv)
{
    QApplication app(argc, argv);

    // 创建主窗口和 UI 对象
    QWidget mainWindow;
    Ui::MyWidget ui;        // Ui 命名空间中的类名与 .ui 文件中的 class 属性一致
    ui.setupUi(&mainWindow);

    // 设置窗口标题
    mainWindow.setWindowTitle("Hello Qt6!");

    // 显示窗口
    mainWindow.show();

    return app.exec();
}

我这里有个配置好的QT6环境，你可以clone下来使用。

https://github.com/tungchiahui/QT\_Projects/tree/main/QT6/QT6\_Template