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

---

<Qt Enterprise最新版下載>

創(chuàng)建標(biāo)簽

創(chuàng)建注釋標(biāo)簽

該Customer Notes標(biāo)簽包含了一個(gè)關(guān)于所選客戶和取消或保存更改的輸入文本區(qū)域。創(chuàng)建標(biāo)簽內(nèi)容：

1. 在Projects視圖中雙擊NotesForm.ui.qml打開(kāi)它并在Design模式下進(jìn)行編輯。

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

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

4. 從庫(kù)中拖動(dòng)一個(gè)Column Layout到導(dǎo)航器的content項(xiàng)中。

5. 選擇 Layout > Top、Left和Right按鈕來(lái)錨定網(wǎng)格布局到母體中，并將邊距設(shè)置為12.

6. 從庫(kù)中拖動(dòng)一個(gè)Text Area到列布局中。

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

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

9. 在導(dǎo)航器中，為每個(gè)字段選擇Export，導(dǎo)出該字段IDs作為屬性。下面的項(xiàng)應(yīng)該被導(dǎo)出，以便它們可以在Notes.qml中被引用：

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

創(chuàng)建歷史標(biāo)簽

Customer History標(biāo)簽包含了一個(gè)表格視圖，該視圖顯示客戶進(jìn)行的事務(wù)處理。創(chuàng)建一個(gè)您可以在Edit模式下編輯的自定義HistoryTableView類型，對(duì)于歷史標(biāo)簽，您不需要ui.qml文件。

創(chuàng)建歷史標(biāo)簽：

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

2. 從HistoryTableView.qml中復(fù)制執(zhí)行情況。

3. 從示例History.qml文件中添加代碼到您的History.qml文件中來(lái)訪問(wèn)代碼模型。

添加標(biāo)簽功能

在標(biāo)簽中添加功能用于從客戶模型中顯示數(shù)據(jù)，您必須創(chuàng)建所需的文件?，F(xiàn)在，您需要從Settings.qml文件中復(fù)制設(shè)置標(biāo)簽的執(zhí)行情況，同時(shí)還需要從Notes.qml文件中復(fù)制注釋標(biāo)簽的執(zhí)行情況。

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

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

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

葡萄城經(jīng)典UI產(chǎn)品惠風(fēng)迎春，驚喜折扣禮品送不停！優(yōu)惠詳情點(diǎn)擊查看>>

強(qiáng)大工具Qt新版發(fā)布，慧都助力——解決方案大放送！優(yōu)惠詳情點(diǎn)擊查看>>