Qt 框架核心優勢與跨平台 GUI 開發入門指南

Qt 是成熟的 C++ 跨平台 GUI 應用程式框架，支援 Windows、Linux、macOS、嵌入式 Linux、Android、iOS 等平台，採用「編寫一次、到處編譯」理念。本文整理 Qt 核心架構優勢、模組劃分與新手入門路徑。

核心優勢

模組架構 (Qt 5/6)

• Qt Core：非 GUI 核心（容器、執行緒、檔案、事件迴路、JSON、正則表示式）。
• Qt Gui：底層繪圖、影像、字型、OpenGL 整合。
• Qt Widgets：傳統桌面控件（按鈕、表格、樹狀、對話框），C++ API。
• Qt Quick / QML：宣告式 UI 語言，JavaScript 邏輯，適合觸控、動畫豐富、流動介面。
• Qt Network / SQL / XML / WebEngine：網路、資料庫、資料交換、嵌入 Chromium 瀏覽器。

Hello World 範例

C++ Widgets 版

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[]) {
  QApplication app(argc, argv);
  QLabel label("Hello, Qt!");
  label.setAlignment(Qt::AlignCenter);
  label.resize(400, 300);
  label.show();
  return app.exec();
}

QML 版

// main.qml
import QtQuick 2.15
import QtQuick.Window 2.15

Window {
  visible: true
  width: 400; height: 300
  title: "Hello, Qt Quick!"
  Text { anchors.centerIn: parent; text: "Hello, Qt Quick!"; font.pixelSize: 24 }
}

// main.cpp
#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[]) {
  QGuiApplication app(argc, argv);
  QQmlApplicationEngine engine;
  engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
  return app.exec();
}

建構系統：qmake vs CMake

# .pro (qmake)
QT += core gui widgets
SOURCES += main.cpp
RESOURCES += resources.qrc

# CMakeLists.txt (Qt 6 推薦)
cmake_minimum_required(VERSION 3.16)
project(HelloQt LANGUAGES CXX)
find_package(Qt6 REQUIRED COMPONENTS Core Gui Widgets)
add_executable(HelloQt main.cpp)
target_link_libraries(HelloQt PRIVATE Qt6::Core Qt6::Gui Qt6::Widgets)

學習路徑建議

1. C++ 基礎：類別、繼承、模板、智慧指標、RAII。
2. Qt Core：QObject、訊號槽、事件迴路、容器 (QVector, QMap)、檔案 I/O。
3. Widgets：佈局管理、Model/View 架構、自訂控件繪製。
4. QML/Quick：宣告式 UI、JavaScript 整合、C++ 暴露給 QML。
5. 專案實戰：多執行緒下載器、系統監控儀表板、嵌入式觸控介面。

常見誤區

• 誤以為 Qt 需解譯器：Qt 應用編譯為原生機器碼，無執行期解譯開銷（QML 除外，但有 JIT）。
• 混用標準庫與 Qt 容器：建議專案內統一風格，Qt 容器提供 foreach、隱式共享（Copy-on-Write）優化。
• 忽略授權義務：動態連結 LGPL 版 Qt 時，必須允許使用者替換 Qt 函式庫（提供目的碼或動態連結）。