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

---

<Qt Enterprise最新版下載>

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

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

創(chuàng)建主視圖：

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

編輯表視圖

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

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

購買Qt Enterprise最新正版授權(quán)！詳情請"咨詢在線客服"

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