在Qt Design Studio工具下創建設計工程

在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代碼。通過這種方式，可以使得設計端和開發端都可以進行很好迭代，而不會出現影響彼此工作的問題。

審核編輯：劉清