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

---

<Qt Enterprise最新版下載>

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

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

創(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ù)選框來(lái)保持應(yīng)用程序的大小，啟用本地樣式來(lái)創(chuàng)建一個(gè)依賴于Qt Widgets的模塊。

6. 選擇Next。

7. 選擇您構(gòu)建應(yīng)用程序所需的平臺(tái)套件。想要搭建移動(dò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)中，那么它們將會(huì)被列出。

8. 選擇Next。

9. 檢查項(xiàng)目設(shè)置，然后單擊Finish（在OS X中點(diǎn)擊Done）。

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

購(gòu)買Qt Enterprise最新正版授權(quán)！詳情請(qǐng)"咨詢?cè)诰€客服"

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