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控件，如TableView，所以有時還須要在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的文章！