QML 入门与 QtQuick 学习路线之前言

最新推荐文章于 2024-06-18 09:35:15 发布

qyvlik

最新推荐文章于 2024-06-18 09:35:15 发布

阅读量5.3k

点赞数 5

分类专栏： QtQuick 进阶文章标签： QML 入门 qt

本文链接：https://blog.csdn.net/qyvlik/article/details/52198875

版权

QtQuick 进阶专栏收录该内容

42 篇文章 20 订阅

订阅专栏

QML 入门与 QtQuick 学习路线之前言

这一篇是 QML 入门序言，初略的讲解 QML 的历史和其作用领域。

在阅读本系列文章之前，确保您已经了解 Qt 的信号与槽，Qt 的父子树，以及 Qt 的 moc 。

什么是 QML

QML 是当年诺基亚主导下开发的一门陈述性编程语言。语法类似 css，支持 JavaScript 表达式和方法。主要用于界面描述和交互。例如：

Rectangle {
    id: rect
    width: 400
    height: rect.width * 2
    color: "red"
}

以上代码就描述了一个高为宽两倍的红色矩形。

qml中的属性绑定与赋值

qml编程规范–import与as

qml编程规范–名字（命名规范）

什么是 QtQuick

类比 c++ 与 stl，QML 的设计初衷就是界面编程，所以 QtQuick 是 QML 的标准图形库。

import QtQuick 2.0
Rectangle {
    id: rect
    width: 400
    height: rect.width * 2
    color: "red"
}

Qt 5 中，添加了更多的图形库，例如 QtCharts，Qt3D 等。

DSL 与宿主语言的交互

DSL 是特定领域语言的意思，例如 SQL 就是场景的 DSL。

而宿主语言就是用来维系 DSL 运行上下文的语言。

DSL 与宿主语言的交互主要体现在数据传递，类型映射，数据共享，方法注册与调用，类型注册与调用。

QML 与 Qt（c++）的关系就是 DSL 与宿主语言的关系，由 Qt 管理 QML 的上下文，通过 QObject* 以及 QVariant 进行交互。

QML 中的 JavaScript

注意，QML 中的 JavaScript 不是浏览器中的 JavaScript，也不是 nodejs 中的 JavaScript，因为 QML 中的 JavaScript 的宿主环境不同于浏览器和 nodejs，所以 QML 中的 JavaScript 不会有诸如 window，dom 这些浏览器才会预设的全局变量。