QtQuick QML 快速上手教程-2 構建QML Qt Quick工程

從頭開始創建新的Qt Quick項目時，可以使用以下選項：

• Qt Quick應用程序-空創建一個Qt Quick 2應用程序項目，該項目可以同時包含QML和C ++代碼. 您可以構建應用程序並將其部署到桌面，嵌入式和移動目標平臺.
• Qt快速應用程序 -Scroll使用ScrollView類型來實現可滾動列表視圖（需要Qt 5.9或更高版本）.
• Qt快速應用程序-堆棧使用StackView類型通過基於堆棧的導航模型來實現一組頁面（需要Qt 5.7或更高版本）.
• Qt快速應用程序 -Swipe使用SwipeWiew類型使用基於滑動的導航模型來實現一組頁面（需要Qt 5.7或更高版本）.
• Qt Quick UI原型 （在" 其他項目"類別中）使用包含主視圖的單個QML文件創建Qt Quick UI項目 . 您可以在QML Scene預覽工具中查看Qt Quick 2 UI項目. 您不需要構建它們，因爲它們不包含任何C ++代碼. 僅在進行原型製作時才使用此功能. 您不能以此創建完整的應用程序.

  Qt Quick UI項目無法部署到嵌入式或移動目標平臺. 對於這些平臺，請改爲創建Qt Quick應用程序.

• Qt Quick 2擴展插件 （在" 庫"類別中）創建C ++插件，使它們能夠提供可動態加載到Qt Quick 2應用程序中的擴展.

注意：特定目標平臺的SDK可能會爲該平臺安裝其他模板. 例如，QNX模板是作爲QNX SDK的一部分安裝的.

Qt Creator創建必要的樣板文件. 一些文件特定於特定的目標平臺.

 

創建一個空的Qt Quick Applications

1. Select File > 新文件或項目 > Application > Qt Quick Applications-empty > Choose.
2. 在名稱字段中，輸入應用程序的名稱.
3. 在創建位置字段中，輸入項目文件的路徑，然後選擇下一步 （或在macOS上繼續 ）.
4. 在" 構建系統"字段中，選擇用於構建和運行項目的構建系統： qmake ， CMake或Qbs .
5. Select Next.
6. 在最低要求的Qt版本字段中選擇要開發的Qt版本 . Qt版本確定QML文件中使用的Qt Quick導入.
7. 選擇" 使用Qt虛擬鍵盤"複選框，以將對Qt虛擬鍵盤的支持添加到應用程序中.

   in the Form Editor in the Design mode. 注意：如果在安裝Qt時未安裝Qt虛擬鍵盤模塊，則在設計模式下嘗試在" 表單編輯器"中打開時將出現錯誤消息. 您可以使用Qt維護工具來安裝Qt虛擬鍵盤.

8. Select Next.
9. 選擇用於運行和構建項目的工具包 ，然後單擊下一步 .

   注意：如果在工具 > 選項 > 套件中指定了套件，則會列出套件 .

10. 查看項目設置，然後單擊完成 （在Windows和Linux上）或完成 （在macOS上）以創建項目.

Qt Creator生成一個QML文件 ，就可以在設計模式下對其進行修改.

 

Creating Qt Quick Controls Applications

1. 選擇" 文件" >" 新文件或項目" >" 應用程序" >" Qt Quick Application-滾動" ，" Qt Quick Application-Stack "或" Qt Quick Application-Swipe" > "選擇" .
2. 在名稱字段中，輸入應用程序的名稱.
3. 在創建位置字段中，輸入項目文件的路徑，然後選擇下一步 （或在macOS上繼續 ）.
4. 在" 構建系統"字段中，選擇用於構建和運行項目的構建系統： qmake ， CMake或Qbs .
5. 在" Qt快速控件樣式"字段中，選擇要使用的預定義UI樣式之一，然後選擇" 下一步" .
6. 選擇" 使用Qt虛擬鍵盤"複選框，以將對Qt虛擬鍵盤的支持添加到應用程序中.
7. 選擇要爲其構建應用程序的平臺的工具包 . 要構建用於移動設備的應用程序，請選擇適用於Android ARM和iPhone OS的套件，然後單擊下一步 .

   注意：如果在工具 > 選項 > 套件 （在Windows和Linux上）或Qt Creator > 首選項 > 套件 （在macOS上）中指定了套件，則會列出套件 .

8. Select Next.
9. 查看項目設置，然後單擊完成 （或在macOS上完成 ）.

對於Scroll應用程序，Qt Creator創建一個QML文件 ，您可以在設計模式下對其進行修改.

對於Stack and Swipe應用程序，Qt Creator生成兩個UI文件，分別爲和 ，可以在" 表單編輯器"中進行修改，以及一個QML文件 ，可以在" 文本"中進行修改. 編輯器添加應用程序邏輯.

 

Creating Qt Quick UI Projects

Qt Quick UI項目可用於測試或對用戶界面進行原型設計，或用於設置單獨的項目僅用於QML編輯. 您不能將它們用於應用程序開發，因爲它們不包含：

• C ++代碼
• 資源文件（.qrc）
• 將應用程序部署到設備所需的代碼

要創建Qt Quick UI項目：

1. Select File > 新文件或項目 > 其他項目 > Qt快速UI原型 > Choose.
2. 在" 最低要求的Qt版本"字段中，選擇要使用的Qt版本. Qt版本確定QML文件中使用的Qt Quick導入.

   您可以稍後添加導入，以將Qt Quick基本類型與Qt快速控件，Qt快速對話框和Qt快速佈局（從Qt 5.1開始可用）結合在一起.

3. 選擇" 使用Qt虛擬鍵盤"複選框，以將對Qt虛擬鍵盤的支持添加到應用程序中.
4. 選擇下一步 （或在macOS上繼續 ）.
5. 查看項目設置，然後單擊完成 （在Windows和Linux上）或完成 （在macOS上）以創建項目.

Qt Creator創建以下文件：

• .qmlproject項目文件定義項目文件夾中的所有QML，JavaScript和圖像文件都屬於該項目. 因此，您不需要單獨列出項目中的所有文件.
• .qml文件定義UI項目，例如組件或整個應用程序UI.
• ui.qml文件定義了應用程序UI的表單. 如果選中" 使用.ui.qml文件"複選框，則會創建此文件.

要在應用程序中使用JavaScript和圖像文件，請將它們複製到項目文件夾.