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: 编译运行