原創|使用教程|編輯:龔雪|2016-02-05 09:11:31.000|閱讀 4005 次
概述:本教程介紹如何使用ui.qml文件開發一個應用程序,使應用程序邏輯從UI中分離。該教程使用Qt Quick Designer實現一個簡化版的UI表單示例,它為一個客戶數據庫提供接口,只用QML和JavaScript編寫。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
本教程介紹如何使用ui.qml文件開發一個應用程序,使應用程序邏輯從UI中分離。該教程使用Qt Quick Designer實現一個簡化版的UI表單示例,它為一個客戶數據庫提供接口,只用QML和JavaScript編寫。
UI表單包含.qml和.js文件,用來實現業務邏輯和對應的.ui.qml文件,其中只包含了UI的純聲明描述。該.ui.qml文件只能在Qt Creator的Design模式下編輯。然而,Qt Quick Designer并不完全支持所有的QML控件,如,因此有時還需要在Edit模式下編輯UI表單。您可以通過在Edit模式下編輯創建自定義的QML類型來保持最低限度。
1. 選擇File > New File or Project > Application > Qt Quick Controls Application > Choose。
2. 在Name字段中輸入該應用程序的名稱。
3. 在Create in字段中,輸入項目文件的路徑,然后選擇Next(在OS X上選擇Continue)。
4. 在Minimal required Qt version字段中選擇Qt 5.4或更高版本。
5. 取消選中啟用本地樣式復選框來保持應用程序的大小,啟用本地樣式來創建一個依賴于Qt Widgets的模塊。
6. 選擇Next。
7. 選擇您構建應用程序所需的平臺。想要搭建移動設備的應用程序,選擇Android ARM和iPhone OS套件,然后單擊下一步。
注意:如果套件被指定到Tools > Options > Build & Run > Kits (on Windows and Linux) 或Qt Creator > Preferences Build & Run > Kits (on OS X)中,那么它們將會被列出。
8. 選擇Next。
9. 檢查項目設置,然后單擊Finish(在OS X中點擊Done)。
Qt Creator生成一個UI文件:MainForm.ui.qml,您可以在Design模式中修改它;Qt Creator還會生成一個QML文件:main.qml,您可以在Edit模式下修改它來添加應用程序的邏輯。
購買Qt Enterprise最新正版授權!詳情請""
新年新禧新氣象,送禮送福送優惠!優惠詳情點擊查看>>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網