原創(chuàng)|使用教程|編輯:龔雪|2016-01-26 09:03:50.000|閱讀 2093 次
概述:本教程主要使用內(nèi)置的QML類(lèi)型并簡(jiǎn)單介紹Qt Quick的基本概念,同時(shí)還為大家介紹如何使用Qt Creator實(shí)現(xiàn)Qt Quick的狀態(tài)和轉(zhuǎn)換。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
相關(guān)鏈接:
應(yīng)用程序的主視圖在屏幕的左上角和兩個(gè)空的矩形框中顯示Qt logo。想要在您的應(yīng)用程序中使用qt-logo.png圖像,您就必須將其從Qt示例目錄復(fù)制到項(xiàng)目目錄中(因?yàn)榕cQML文件的子目錄相同),該圖像會(huì)出現(xiàn)在Resources中。您也可以使用其他圖像或一個(gè)QML類(lèi)型來(lái)代替。
1. 在Projects視圖中,雙擊MainForm.ui.qml文件在Qt Quick Designer中打開(kāi)它。
2. 在Navigator中選擇RowLayout并點(diǎn)擊Delete來(lái)刪除它。
3. 在Library > Resources中,選擇qt-logo.png并將其拖動(dòng)到導(dǎo)航器的項(xiàng)目中。
4. 在Projects視圖中右鍵單擊資源文件:qml.qrc,然后選擇Add Existing File來(lái)為部署添加qt-logo.png到資源文件中。
5. 在導(dǎo)航器中拖放一個(gè)Rectangle到頁(yè)面中,并編輯其屬性。
6. 在導(dǎo)航器中,從Library中拖動(dòng)一個(gè)Mouse Area類(lèi)型到topLeftRect中。
7. 點(diǎn)擊Layout,然后單擊Fill to Parent按鈕來(lái)錨定鼠標(biāo)區(qū)域的矩形。
8. 在導(dǎo)航器中。復(fù)制topLeftRect(按Ctrl+C)并將其兩次粘貼到導(dǎo)航器的頁(yè)面中(按Ctrl+ V)。Qt Creator重新命名topLeftRect1和topLeftRect2類(lèi)型的新實(shí)例。
9. 選擇topLeftRect1并編輯它的屬性:
10. 選擇topLeftRect2并編輯它的屬性:
11. 在導(dǎo)航器中,為每種類(lèi)型選擇Export按鈕來(lái)導(dǎo)出所有類(lèi)型作為屬性,這使您可以在main.qml文件中使用屬性。
12. 按Ctrl+S來(lái)保存更改。
想要檢查您的代碼,您可以在編輯模式下打開(kāi)MainForm.ui.qml并將其與示例文件進(jìn)行對(duì)比。用戶界面現(xiàn)已準(zhǔn)備好,您可以切換到編輯模式來(lái)編輯main.qml文件,將動(dòng)畫(huà)添加到應(yīng)用程序中。
購(gòu)買(mǎi)Qt Enterprise最新正版授權(quán)!詳情請(qǐng)""
新年新禧新氣象,送禮送福送優(yōu)惠!優(yōu)惠詳情點(diǎn)擊查看>>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)