Qt使用教程：使用Qt Quick UI表單（一）

---

<Qt Enterprise最新版下載>

本教程介紹如何使用ui.qml文件開發一個應用程序，使應用程序邏輯從UI中分離。該教程使用Qt Quick Designer實現一個簡化版的UI表單示例，它為一個客戶數據庫提供接口，只用QML和JavaScript編寫。

UI表單包含.qml和.js文件，用來實現業務邏輯和對應的.ui.qml文件，其中只包含了UI的純聲明描述。該.ui.qml文件只能在Qt Creator的Design模式下編輯。然而，Qt Quick Designer并不完全支持所有的QML控件，如，因此有時還需要在Edit模式下編輯UI表單。您可以通過在Edit模式下編輯創建自定義的QML類型來保持最低限度。

創建項目

1. 選擇File > New File or Project > Application > Qt Quick Controls Application > Choose。

2. 在Name字段中輸入該應用程序的名稱。

3. 在Create in字段中，輸入項目文件的路徑，然后選擇Next（在OS X上選擇Continue）。

4. 在Minimal required Qt version字段中選擇Qt 5.4或更高版本。

5. 取消選中啟用本地樣式復選框來保持應用程序的大小，啟用本地樣式來創建一個依賴于Qt Widgets的模塊。

6. 選擇Next。

7. 選擇您構建應用程序所需的平臺。想要搭建移動設備的應用程序，選擇Android ARM和iPhone OS套件，然后單擊下一步。

注意：如果套件被指定到Tools > Options > Build & Run > Kits (on Windows and Linux) 或Qt Creator > Preferences Build & Run > Kits (on OS X)中，那么它們將會被列出。

8. 選擇Next。

9. 檢查項目設置，然后單擊Finish（在OS X中點擊Done）。

Qt Creator生成一個UI文件：MainForm.ui.qml，您可以在Design模式中修改它；Qt Creator還會生成一個QML文件：main.qml，您可以在Edit模式下修改它來添加應用程序的邏輯。

購買Qt Enterprise最新正版授權！詳情請""

新年新禧新氣象，送禮送福送優惠！優惠詳情點擊查看>>