QML基礎 -- 創建QML項目的兩種方式（QT Quick UI Prototype和QT Quick Application - Empty）

1.編程環境

• win10專業版
• Qt creator4.7.1 + mingw32bit
• 此項工程創建適用於其他環境

2. 創建方式一 – 通過與C++的交互進行創建（QT Quick Application - Empty）

通過此種方式，可以在界面端加入QML文件。使用qt widgets創建GUI圖形界面，這種方式使用C++編程實現起來也非常的簡單

1）創建項目

模版中選擇Qt Quick空項目類型，其他項目類型在以後按需特定選用創建

之後就是一路默認選擇，直到項目創建成功

2）運行效果

項目構建完畢之後，呈現如下所示

此項目就是一個典型的c++界面文件，而QML文件則是以資源文件的形式被widget界面調用執行

在main.qml中輸入相關的代碼，Ctrl + R運行，有如下類似的效果

2. 創建方式二 – 使用QML的方式進行創建（QT Quick UI Prototype）

通過這種方式創建的QML項目顯示界面會更加的流暢美觀。更加適用於觸屏的操作。但複雜的邏輯結構是它的弱項。

1）創建項目

以QML的方式創建QML項目，可以通過設計師模式對QML文件UI控件進行操作

然後一路確認，直到項目完成創建，得到下面的項目樹

其中Word.qml文件是我後面往工程中添加的，只爲顯示不同的效果

2）解析文件

這裏我們發現，出現了一個.qmlproject的QmL工程文件，就如同QT界面文件的.pro文件類似，相關作用如下

• .qmlproject : 定義項目文件夾中的所有 QML、JavaScript 和圖像文件都屬於項目。因此，不需要單獨列出項目中的所有文件。
• .qml : 定義了一個 UI 項目，例如組件，屏幕或整個應用程序 UI。
• ui.qml : 定義了應用程序 UI 的窗體。如果創建項目文件時選擇了With .ui.qml file複選框，則會創建此文件，應用於設計師模式。

默認生成的.qmlproject文件中會將現有的一個文件設置爲入口文件。若後續添加多個文件，想要同時運行單個文件時，可將其註釋，而通過這種方式創建的QML項目可以使用設計師模式，實時對顯示的界面進行組件設計。是得界面的顯示更流暢，如下所示

3）運行效果