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

---

<Qt Enterprise最新版下載>

創(chuàng)建UI表單主視圖

應(yīng)用程序的主視圖在一個(gè)表視圖中顯示一個(gè)客戶列表，并在表視圖中選中有關(guān)客戶的詳細(xì)信息。

創(chuàng)建主視圖：

1. 在Projects view (1)中，雙擊MainForm.ui.qml文件在Qt Quick Designer中打開它。
2. 在Navigator (2)中，選擇RowLayout并使用Delete鍵來刪除它。
3. 在Library > QML Types (3)中，選擇SplitView并將其拖動(dòng)到導(dǎo)航器的Item中。
4. 在導(dǎo)航器中選擇split視圖，在Properties (4)中選擇Layout標(biāo)簽，然后單擊Fill to Parent按鈕來錨定split視圖到項(xiàng)目中。
5. 從庫(kù)中拖動(dòng)TableView和Tab View到導(dǎo)航器的split視圖中。
6. 在導(dǎo)航器中選擇Export按妞導(dǎo)出表視圖作為屬性。
7. 右鍵單擊TabView打開上下文菜單，并選擇Add Tab創(chuàng)建一個(gè)標(biāo)簽元素。Qt Creator創(chuàng)建一個(gè)元素作為單獨(dú)的QML文件，您可以在對(duì)話框中輸入它的名稱。默認(rèn)情況下，該元素被命名為Tab。
8. 在導(dǎo)航器中選擇標(biāo)簽，并且在屬性中輸入Customer Settings到Title字段中。
9. 按Ctrl+ C將標(biāo)簽復(fù)制到剪貼板，您可以Ctrl+V兩次來創(chuàng)建兩個(gè)標(biāo)簽并將其命名為Customer Notes和Customer History。Qt Creator使用MainForm.ui.qml文件中的Tab類型，您將為以后的標(biāo)簽內(nèi)容創(chuàng)建單獨(dú)的UI表單。

編輯表視圖

Qt Quick Designer不支持添加列類型，因此您必須使用代碼編輯器添加它們。想要在Edit模式下保持編輯MainForm.ui.qml文件的最小值，移動(dòng)類型到一個(gè)單獨(dú)的被命名為CustomerTableView.qml的QML文件中：

1. 單擊Edit在Edit模式下打開MainForm.ui.qml。
2. 移動(dòng)類型到一個(gè)單獨(dú)的QML文件中，右鍵單擊它并選擇 Refactoring > Move Component into Separate File。
3. Qt Creator從CustomerTableView.qml示例文件中添加代碼到文件中。

購(gòu)買Qt Enterprise最新正版授權(quán)！詳情請(qǐng)""

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