在QML開發中,許多小伙伴喜歡Qt Creator這款工具,集C++ Widget 和 Qt Quick設計于一體。但還有另外一款工具:Qt Design Studio,該工具是Qt官方推出為適應Qt Quick發展趨勢的獨立工具,一般情況下,在Qt Design Studio工具下創建設計的工程可以直接放到Qt Creator中使用。參見(如何將UI項目轉換為QtCreator應用項目)。
我們可以使用Qt Design Studio的向導創建后綴名為.ui.qml的UI文件,UI文件可以在2D視圖中編輯。但是,在目前版本的Qt Creator中則不支持創建.ui.qml文件,同時創建的qml文件的文件名稱的首字母沒有固定為大寫(Qt Design Studio支持)。Qt Creator能打開以.ui.qml和.qml后綴的文件,也能以設計模式打開.qml文件。但是,如果我們使用Code視圖添加了2D/3D視圖不支持的代碼,Qt Design Studio/Qt Creator設計模式下將會提示錯誤消息。
Qt Design Studio中,在『Projects』視圖下選中需要添加文件的工程,右鍵單擊,在彈出的上下文菜單中,選擇“Add New...”,在彈出的對話框中選擇創建UI文件:
對于.ui.qml文件來說,不支持以下特性:
(1)JavaScript塊代碼。
(2)純表達式之外的其他綁定。
(3)信號處理。
(4)在根組件之外的其他組件中的狀態。
(5)不是從QQuickItem或Item派生的根組件。
(6)引用根組件的父組件。
在.ui.qml文件中,不支持下列組件類型:
(1)Behavior
(2)Binding
(3)Canvas
(4)Shader Effect
(5)Timer
(6)Transform
在.ui.qml文件中,支持以下方法
『JavaScript 函數』:
此外,還支持Math和Date對象的函數。
支持的『Qt QML 方法』
支持以下顏色相關的方法:
支持以下輔助方法:
支持以下翻譯方法:
注意:不要在ui文件中混合使用翻譯方法。
在實際項目規劃中,將UI與應用程序邏輯分離是一種較好的開發方式。一般來說,設計人員應該使用UI文件(.ui.qml),而開發人員應該使用相應的實現文件(.qml)來定義編程行為或編寫JavaScript代碼。通過這種方式,可以使得設計端和開發端都可以進行很好迭代,而不會出現影響彼此工作的問題。
審核編輯:劉清
-
編程語言
+關注
關注
10文章
1945瀏覽量
34771 -
javascript
+關注
關注
0文章
519瀏覽量
53879
原文標題:QML中的xxx.ui.qml和xxx.qml文件
文章出處:【微信號:嵌入式小生,微信公眾號:嵌入式小生】歡迎添加關注!文章轉載請注明出處。
發布評論請先 登錄
相關推薦
評論