文章目錄
- QML開發筆記(二)：創建QML專案
- 方法一：直接創建Qt Quick模板
- 方法二：創建Qt Widget模板后，更改為Qt Quick模板
- 1、添加QML資源檔案
- 2、創建qml視窗界面
- 3、更改pro檔案的配置
- 4、更改main.cpp呼叫界面的方式
- 4、洗掉多余的界面
- 5、重新構建專案，運行
QML開發筆記(二)：創建QML專案
方法一：直接創建Qt Quick模板
打開Qt Creator，選擇檔案，新建檔案或專案，選擇Application，Qt Quick Application - Empty，
注：Qt Quick是撰寫QML應用的標準庫，Qt Quick模塊提供了兩種介面：使用QML語言創建應用的QML介面和使
用C++語言擴展QML的C++介面，
| 模板名稱 | 說明 |
|---|---|
| Qt Quick-Application - Empty | 一個 空 的Qt Quick模板專案工程 |
| Qt Quick-Application - Scroll | 一個 ScrollView型別/可滾動串列視圖 的Qt Quick模板專案工程 (需要 Qt 5.9 或者更高版本)， |
| Qt Quick-Application - Stack | 一個 StackView型別/基于堆的導航模型頁面 的Qt Quick模板專案工程(需要 Qt 5.7 或者更高版本)， |
| Qt Quick-Application - Swipe | 一個 SwipeView 型別/基于堆的導航模型頁面 的Qt Quick模板專案工程(需要 Qt 5.7 或者更高版本)， |
一路下一步，到Kits時注意，選擇一個Kits，下一步，
有些同學會出現如下提示：
Add a kit in the options or via the maintenance tool of the SDK.
具體原因筆者也沒找到，但是可以用第二種創建專案的方法解決，
創建好的專案如下：
方法二：創建Qt Widget模板后，更改為Qt Quick模板
打開Qt Creator，選擇檔案，新建檔案或專案，選擇Application，Qt Widgets Application，
一路下一步到Kits的時候，發現又可以選擇了，
那么我們先創建出Widgets，
我們下面要做的是把一個Qt Widgets 工程改成 Qt Quick 工程，
1、添加QML資源檔案
右鍵專案目錄，選擇Add New…（我洗掉了多余資源，洗掉資源的步驟往下看）
選擇Qt>Qt Resource File
創建名為qrc的資源檔案
右鍵新創建的資源檔案qrc，選擇Add New（我洗掉了多余資源，洗掉資源的步驟往下看）
選擇Qt->QML File（Qt Quick 2）
創建一個名為main的檔案（名稱可自定義）
創建好后如下：（我洗掉了多余資源，洗掉資源的步驟往下看）
2、創建qml視窗界面
更改main.qml里面的代碼為基礎視窗代碼
import QtQuick 2.9
import QtQuick.Window 2.2
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
}
3、更改pro檔案的配置
把Qt += core gui更改為如下
TEMPLATE = app
QT += qml quick
4、更改main.cpp呼叫界面的方式
（1）、包含QML的支持庫
#include <QQmlEngine>
#include <QQmlContext>
#include <QQmlApplicationEngine>
（2）、創建界面引擎
QQmlApplicationEngine engine;
（3）、更改視窗的呼叫方式
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
if (engine.rootObjects().isEmpty())
return -1;
return a.exec();
}
4、洗掉多余的界面
（1）、洗掉widgets界面檔案
右鍵Forms>Remove Directory
（2）、洗掉widgets界面庫檔案
洗掉Headers里的mainwindow.h
洗掉Sources里的mainwindow.cpp
洗掉main.cpp里的代碼#include “mainwindow.h”
5、重新構建專案，運行
右鍵專案>重新構建
構建完成后，選擇Release生成即可，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/82102.html
標籤：其他