第 8 節

QT環境搭建

0瀏覽次數0訪問次數--跳出率--平均停留

安裝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

音乐页