文檔半島外圍網(wǎng)上直營(yíng)>>Qt使用教程>>Qt使用教程:使用Qt Quick UI表單(二)
Qt使用教程:使用Qt Quick UI表單(二)
創(chuàng)建UI表單主視圖
應(yīng)用程序的主視圖在一個(gè)表視圖中顯示一個(gè)客戶列表,并在表視圖中選中有關(guān)客戶的詳細(xì)信息。

創(chuàng)建主視圖:
- 在Projects view (1)中,雙擊MainForm.ui.qml文件在Qt Quick Designer中打開它。
- 在Navigator (2)中,選擇RowLayout并使用Delete鍵來刪除它。
- 在Library > QML Types (3)中,選擇SplitView并將其拖動(dòng)到導(dǎo)航器的Item中。
- 在導(dǎo)航器中選擇split視圖,在Properties (4)中選擇Layout標(biāo)簽,然后單擊Fill to Parent按鈕來錨定split視圖到項(xiàng)目中。
- 從庫(kù)中拖動(dòng)TableView和Tab View到導(dǎo)航器的split視圖中。
- 在導(dǎo)航器中選擇Export按妞導(dǎo)出表視圖作為屬性。
- 右鍵單擊TabView打開上下文菜單,并選擇Add Tab創(chuàng)建一個(gè)標(biāo)簽元素。Qt Creator創(chuàng)建一個(gè)元素作為單獨(dú)的QML文件,您可以在對(duì)話框中輸入它的名稱。默認(rèn)情況下,該元素被命名為Tab。
- 在導(dǎo)航器中選擇標(biāo)簽,并且在屬性中輸入Customer Settings到Title字段中。
- 按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文件中:
- 單擊Edit在Edit模式下打開MainForm.ui.qml。
- 移動(dòng)類型到一個(gè)單獨(dú)的QML文件中,右鍵單擊它并選擇 Refactoring > Move Component into Separate File。
- Qt Creator從CustomerTableView.qml示例文件中添加代碼到文件中。
購(gòu)買Qt Enterprise最新正版授權(quán)!詳情請(qǐng)""
新年新禧新氣象,送禮送福送優(yōu)惠!優(yōu)惠詳情點(diǎn)擊查看>>