Qt Widget 项目对qml的加载实例

step1：首先我们新建一个widget工程，File --》新建项目 --》 Application --》 Qt Widget Application --》...

step2：新建一个qml文件，右键项目名字，选择“添加新文件” --》 Qt  --》 QML file --》 .....

此处记录了关键步骤，后续常规步骤没有罗列。新建完成后目录结构如下：

 step 3：编辑qml文件，添加代码，添加一个显示界面

源码：

import QtQuick 2.0
import QtQuick.Controls 2.1
import QtQuick.Window 2.0

Window {                /*新建一个显示界面*/
    visible: true       /*设置显示界面可见*/
    height: 480
    width: 640           /*设置界面高宽*/
    title: "QML load test"    /*设置界面标题*/
}

 step 4： main.cpp 中添加相关代码，并屏蔽widget 显示界面

 源码：

#include "widget.h"
#include <QApplication>
#include <QQmlApplicationEngine>    /*添加头文件*/


int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

     /*屏蔽 widget 显示界面*/
    //Widget w;
    //w.show();

    QQmlApplicationEngine qmleng;             /*实例化 qmleng 对象*/
    qmleng.load(QUrl(QStringLiteral("../appLoadQml/uiQml.qml")));    /*通过 qmlengine 显示界面*/

    return a.exec();
}

step5： 在*.pro 文件中添加 qml  模块

 

step 6： 编译运行