一、概要
Qt提供了Qwidget和QML两种编程方式，这里主要讲解二者组合的编程方式，因为QML引擎与Qt的元对象系统的集成，使得在QML中可以直接调用C++的功能，这种机制还允许QML、JavaScript、C++三者进行混合开发。在QML引擎中集成了Qt元对象系统，所以QObject子类能够将数据或函数提供给QML使用，由QObject派生的所有子类的属性、方法和信号等都可以在QML中访问，QObject的子类将功能暴露给QML的方式如下：
- C++类可以注册未一个可实例化QML类型，这样就可以像其他普通QML对象类型一样在QML代码中被实例化使用；
- C++类可以被注册为一个单例类型，这样就可以在QML代码中导入这个单例对象实例
- C++类的实例可以作为上下文属性或上下文对象嵌入到QML代码中
二、QML运行环境加载
QML应用程序通常有以下两种加载QQmlEngine：
- 1、通过 QQuickView 搭配Item加载 QML 文件，
- 2、创建一个 QQmlApplicationEngine，并搭配Window 加载 QML 文件
QQmlApplicationEngine提供了从一个QML文件里面加载应用程序的方式。
这类联合了QQmlEngine和QmlComponent去加载单独的QML文件。他还向QML提供了应用程序的功能，这个应用程序的功能能够让C++与QML混合编程，使用C++控制业务逻辑，用QML做界面，与QQuickView不同的是，QQmlApplicationEngine不会自动创建一个根窗口，如果使用可视化项目，需要将他们放入Window里。
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
return app.exec();
}
使用QQuickView显示QML文档，对窗口的控制权（比如设置窗口标题、Icon、窗口的最小尺寸等）在C++代码；而使用QQmlApplicationEngine加载以Window为根对象的QML文档，QML文档则拥有窗口的完整控制权，可以直接设置标题、窗口尺寸等属性。
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
QQuickView viewer;
viewer.setResizeMode(QQuickView::SizeRootObjectToView);
viewer.setSource(QUrl("qrc:///main.qml"));
viewer.show();
return app.exec();
}
一般的，应用程序会初始化一个QQmlEngine类作为QML引擎，然后使用QQmlComponent对象加载QML文档，QML引擎会提供一个默认的QQmlContext对象作为顶层上下文（可有QQmlEngine::rootContext()获取），用来执行QML文档中定义的函数和表达式，如果加载QML文档没有任何错误，QML文档定义的对象层次将使用QQmlcomponent的create创建，当所有对象创建完毕时则会将控制权交给Qt的事件循环系统。
三、运行时的C++类
3.1 QQmlEngine
QQmlEngine类提供了一个QML引擎，用于管理由QML文档定义的对象层次结构，QML引擎提供了一个默认的QML上下文也就是根上下文，它提供了表达式的执行环境。
QQmlApplicationEngine engine；
engine.addImportPath(path + "/CommonControls");
engine.load(QUrl(QStringLiteral("qrc:/LoginView.qml")));
3.2 QQmlContext
QQmlContext提供了对象实例化和表达式执行所需的运行时上下文，所有的对象都需要在一个特定的上下文中实例化，所有表达式都要在一个特定的上下文中执行。
3.3 QQmlComponent
QML文档定义的对象类型可以在运行时使用QQmlComponent类型进行实例化，既可以使用C++直接创建，也可以通过Qt.createComponent（）函数在QML代码中创建。
QQmlComponent封装了QML组件的定义，可以用于加载QML文档：
int main(int argc, char *argv[])
{
QCoreApplication a(argc, argv);
QQmlEngine engine;
QQmlComponent component(&engine, QUrl::fromLocalFile("../myqml/main.qml"));
QObject *myObject = component.create();
QQuickItem *item = qobject_cast<QQuickItem*>(myObject);
qreal width = item->width();
qDebug() << width;
return a.exec();
}
3.4 QQmlExpression
QQmlExpression允许客户端在C++中，利用一个特定的QML上下文执行JavaScript表达式，表达式的执行结果以QVariant的形式返回，并且遵循QML引擎确定的转换规则。
原文地址：https://www.cnblogs.com/laiyingpeng/p/12335608.html