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. 從HistoryTableView.qml中複製執行狀況。

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

添加標籤功能

在標籤中添加功能用於從客戶模型中顯示數據，您必須建立所需的文件。如今，您須要從Settings.qml文件中複製設置標籤的執行狀況，同時還須要從Notes.qml文件中複製註釋標籤的執行狀況。

想要在主視圖中顯示標籤內容，須要在Design模式中設置QML文件做爲標籤的資源。在Navigator中選擇設置標籤，而後在Properties視圖的Source字段中指定示例Settings.qml。以相似的方式指定註釋和歷史標籤。

而後，您能夠刪除Tab.qml文件生成的嚮導，您不須要再上下文菜單中選擇Remove File。

有興趣的朋友能夠點擊查看更多有關Qt的文章！