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

---

<Qt Enterprise最新版下載>

本教程介紹如何使用ui.qml文件開發(fā)一個(gè)應(yīng)用程序，使應(yīng)用程序邏輯從UI中分離。該教程使用Qt Quick Designer實(shí)現(xiàn)一個(gè)簡化版的UI表單示例，它為一個(gè)客戶數(shù)據(jù)庫提供接口，只用QML和JavaScript編寫。

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

創(chuàng)建項(xiàng)目

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

2. 在Name字段中輸入該應(yīng)用程序的名稱。

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

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

5. 取消選中啟用本地樣式復(fù)選框來保持應(yīng)用程序的大小，啟用本地樣式來創(chuàng)建一個(gè)依賴于Qt Widgets的模塊。

6. 選擇Next。

7. 選擇您構(gòu)建應(yīng)用程序所需的平臺。想要搭建移動設(shè)備的應(yīng)用程序，選擇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. 檢查項(xiàng)目設(shè)置，然后單擊Finish（在OS X中點(diǎn)擊Done）。

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

購買Qt Enterprise最新正版授權(quán)！詳情請""

新年新禧新氣象，送禮送福送優(yōu)惠！優(yōu)惠詳情點(diǎn)擊查看>>