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

---

<Qt Enterprise最新版下載>

創建標簽

創建注釋標簽

該Customer Notes標簽包含了一個關于所選客戶和取消或保存更改的輸入文本區域。創建標簽內容：

1. 在Projects視圖中雙擊NotesForm.ui.qml打開它并在Design模式下進行編輯。

2. 在Navigator中選擇Item，然后在Properties的Id字段中輸入content。

3. 在Library中選擇Imports > Add Import，然后導出Qt Quick控件和布局。

4. 從庫中拖動一個Column Layout到導航器的content項中。

5. 選擇 Layout > Top、Left和Right按鈕來錨定網格布局到母體中，并將邊距設置為12.

6. 從庫中拖動一個Text Area到列布局中。

7. 在屬性中選擇Layout>Fill width和Fill height，將文本區域填充到列布局中。

8. 在Creating the Settings Tab中創建Save和Cancel按鈕作為指示，您還可以從SettingsForm.ui.qml中復制粘貼行布局。

9. 在導航器中，為每個字段選擇Export，導出該字段IDs作為屬性。下面的項應該被導出，以便它們可以在Notes.qml中被引用：

property alias textArea1: textArea1
property alias cancel: cancel
property alias save: save

創建歷史標簽

Customer History標簽包含了一個表格視圖，該視圖顯示客戶進行的事務處理。創建一個您可以在Edit模式下編輯的自定義HistoryTableView類型，對于歷史標簽，您不需要ui.qml文件。

創建歷史標簽：

1. 在Projects視圖中，右鍵單擊qml.qrc然后選擇Add New > Qt > QML File (Qt Quick 2)創建HistoryTableView.qml文件，并將其添加到項目中。

2. 從中復制執行情況。

3. 從示例文件中添加代碼到您的History.qml文件中來訪問代碼模型。

添加標簽功能

在標簽中添加功能用于從客戶模型中顯示數據，您必須創建所需的文件。現在，您需要從文件中復制設置標簽的執行情況，同時還需要從文件中復制注釋標簽的執行情況。

想要在主視圖中顯示標簽內容，需要在Design模式中設置QML文件作為標簽的資源。在Navigator中選擇設置標簽，然后在Properties視圖的Source字段中指定示例Settings.qml。以類似的方式指定注釋和歷史標簽。

然后，您可以刪除Tab.qml文件生成的向導，您不需要再上下文菜單中選擇Remove File。

購買Qt Enterprise最新正版授權！詳情請""

葡萄城經典UI產品惠風迎春，驚喜折扣禮品送不停！優惠詳情點擊查看>>

強大工具Qt新版發布，慧都助力——解決方案大放送！優惠詳情點擊查看>>