目錄
引言
1. 安裝Qt開發環境
1.1 下載Qt安裝包
1.2 安裝Qt
1.3?安裝MSVC編譯器
2. 創建Qt Quick項目
2.1?創建新項目
2.2?項目結構
2.3?運行項目
3. 理解項目代碼
3.1?main.cpp文件
3.2 Main.qml文件
引言
在上一篇文章中，我們介紹了本教程的目標和結構，并簡要說明了Qt Quick和C++在跨平臺開發中的重要性。本文是教程的第2篇，我們將詳細講解如何搭建Qt開發環境，并創建一個Qt Quick項目。這是開發跨平臺應用程序的第一步，也是至關重要的一步。
1. 安裝Qt開發環境
1.1 下載Qt安裝包
首先，需要下載并安裝Qt開發環境。Qt提供了一個名為Qt Online Installer的工具，可以幫助我們輕松安裝Qt框架、Qt Creator IDE以及相關的工具和庫。
首先訪問Qt官方網站并下載適用于Windows操作系統的安裝包，如下圖所示。
如果官網下載速度慢，也可以選擇清華大學開源軟件鏡像站進行下載。
1.2 安裝Qt
雙擊安裝包進入安裝界面。首先需要登錄Qt賬戶，如果沒有需要按照界面提示進行賬戶注冊然后再登錄。
然后選擇安裝目錄并且選擇自定義安裝：
在接下來的安裝過程中，需要選擇要安裝的組件，推薦按照下圖所示進行勾選
最后按照默認提示完成安裝即可（在安裝過程中建議最好關閉殺毒軟件）。安裝過程中如果出現下載錯誤，可以單擊“重試”按鈕，大部分錯誤都是因為網絡不穩定因素造成的，通過重試可以重新斷點續傳。
本教程安裝的Qt版本為6.8.2，這是一個長期支持版本。Qt Creator版本為16.0.0。
1.3?安裝MSVC編譯器
前面安裝的Qt本質上是一個C++組件庫，它的運行還需要依賴C++及編譯器環境。由于本教程是在Windows系統上進行開發，因此優先推薦適配Windows C++的MSVC編譯器。
具體的，可以使用Visual Studio 2022來安裝對應的MSVC編譯器。首先前往Visual Studio官網下載Visual Studio 2022安裝包。
下載完成后雙擊安裝包進行安裝，在組件選擇時選擇“使用C++的桌面開發”，如下圖所示：
選擇好以后安裝默認提示進行安裝即可。
2. 創建Qt Quick項目
2.1?創建新項目
打開Qt Creator，依次單擊菜單欄頂部“文件”->“New Project”，在彈出的項目類型選項中選擇Qt Quick Application：
設置項目路徑及名稱：
然后選擇對應的Qt版本：
最后選擇構建套件：
最后單擊完成即可。
2.2?項目結構
創建項目后，會自動生成以下文件和文件夾：
-
Main.qml：這是Qt Quick應用程序的主界面文件，使用QML語言編寫。 -
main.cpp：這是C++入口文件，負責啟動QML引擎并加載main.qml。 -
CMakeLists.txt：這是項目的構建配置文件。
2.3?運行項目
單擊左下角錘子狀“按鈕”，即可編譯項目。
編譯完成后，按Ctrl+R健運行啟動程序，如下圖所示：
你的第一個Qt Quick應用程序！
3. 理解項目代碼
3.1?main.cpp文件
main.cpp是應用程序的入口點，代碼如下：
#include <QGuiApplication>
#include <QQmlApplicationEngine>int main(int argc, char *argv[])
{QGuiApplication app(argc, argv);QQmlApplicationEngine engine;QObject::connect(&engine,&QQmlApplicationEngine::objectCreationFailed,&app,[]() { QCoreApplication::exit(-1); },Qt::QueuedConnection);engine.loadFromModule("AudioPlayer", "Main");return app.exec();
}
-
QGuiApplication：管理GUI應用程序的控制流和主設置。 -
QQmlApplicationEngine：用于加載和運行QML文件。 -
engine.loadFromModule：加載Main.qml文件作為應用程序AudioPlayer的主界面。
3.2 Main.qml文件
Main.qml定義了應用程序的用戶界面，代碼如下：
import QtQuickWindow {width: 640height: 480visible: truetitle: qsTr("Hello World")
}-
Window：表示應用程序的主窗口。 -
width和height：設置窗口的初始大小。 -
visible：設置窗口是否可見。 -
title：設置窗口標題。
現在，你已經成功搭建了Qt開發環境，并創建了第一個Qt Quick項目。在下一篇文章中，我們將深入探討Qt Quick的基礎知識，學習如何使用QML創建更復雜的用戶界面。
上一章：QT Quick（C++）跨平臺應用程序項目實戰教程 1 — 教程簡介-CSDN博客
下一章：QT Quick（C++）跨平臺應用程序項目實戰教程 3 — 項目基本設置（窗體尺寸、中文標題、窗體圖標、可執行程序圖標）-CSDN博客
 1)
)
