qml详解

cps1024

已于 2023-03-17 15:46:20 修改

阅读量1k

点赞数

分类专栏： QT 文章标签： qt

于 2023-03-17 15:11:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43374821/article/details/129621289

版权

本文详细介绍了如何在Qt中将QML嵌入到QWidget，包括QQmlApplicationEngine、QQuickView和QQuickWidget三种方式。接着，探讨了QML语言的基础，如声明式语法、属性、定位器、输入元素和动态视图。还涵盖了QML中的视图代理、模型-视图高级技术，如PathView、XML模型加载和分组列表。最后，提到了Canvas和粒子系统在Qt Quick中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QWidget嵌入Qml文件

第一种 QQmlApplicationEngine

QQmlApplicationEngine engine;

engine.load(QUrl(QStringLiteral(“qrc:/main.qml”)));

其中main.qml 可以以Window作为根元素，这个时候QML就完全拥有了控制权，可以直接设置窗体的标题、尺寸等信息；

第二种 QQuickView

QQuickView最常见的用法如下：

QQuickView view;

view.setResizeMode (QQuickView::SizeRootObjectToView);

view.setSource (QUrl(“qrc:/main.qml”));

view.show ();

注意：其中qml文件不能以Window作为根元素，最佳选择是使用Item为根元素，否则会警告：

QQuickView does not support using windows as a root item.

If you wish to create your root window from QML, consider using QQmlApplicationEngine instead.

第三种 QQuickWidget

官网自带的说明例子.一般用来在QWidget界面上加载QML界面

QQuickWidget *view = new QQuickWidget;

view->setSource(QUrl::fromLocalFile(“myqmlfile.qml”));

view->show();

QML 是一种基于 JavaScript 的声明式语言

QML 文档描述了一个对象树。QML 元素包含了其构造块、图形元素（矩形、图片等）和行为（例如动画、切换等）。这些 QML 元素按照一定的嵌套关系构成复杂的组件，供用户交互。

Qt Quick 就是使用 QML 构建的一套类库。

一个 QML 文档分为 import 和对象声明两部分。如果你要使用 Qt Quick，就需要 import QtQuick 2。QML 是一种声明语言，用于描述程序界面。QML 将用户界面分解成一块块小的元素，每一元素都由很多组件构成。QML 定义了用户界面元素的外观和行为；更复杂的逻辑则可以结合 JavaScript 脚本实现。这有点类似于 HTML 和 JavaScript 的关系，前者用来显示界面，后者用来定义行为。