1、Qt6 Quick 简介

原创

已于 2024-11-03 01:09:50 修改 · 1.5k 阅读

标签

#qt6.3

于 2024-11-03 00:17:48 首次发布

一、Qt6 Quick 简介

Qt Quick 是 Qt 6 中使用的用户界面技术的总称。它是在 Qt 4 中引入的，现在在 Qt 6 中进行了扩展。Qt Quick 本身是几种技术的集合：

QML——用户界面标记语言
JavaScript - 动态脚本语言
Qt C++ - 高度可移植的增强型 C++ 库

与 HTML 类似，QML 是一种标记语言。它由 Qt Quick 中称为类型的标签组成，标签括在花括号中：Item {}。它从一开始就被设计用于创建用户界面、提高速度并让开发人员更轻松地阅读。可以使用 JavaScript 代码进一步增强用户界面。Qt Quick 可以使用 Qt C++ 轻松扩展您自己的本机功能。简而言之，声明性 UI 称为前端，本机部分称为后端。这使您可以将应用程序的计算密集型和本机操作与用户界面部分分开。

在典型的项目中，前端是用 QML/JavaScript 开发的。后端代码（与系统交互并完成繁重工作）是使用 Qt C++ 开发的。这样可以自然地将更注重设计的开发人员和功能开发人员区分开来。通常，后端使用 Qt Test（Qt 单元测试框架）进行测试，并导出供前端开发人员使用。

QML 是一种用户界面规范和标记语言，它允许开发人员创建高性能、流畅的动画和具有视觉吸引力的应用程序
- 用户界面规范：QML 提供一种高度可读的、声明式的、类似 JSON 的语法，支持命令式 JavaScript 表达式和动态属性绑定
- 标记语言：像 C++ 一样，QML 也是一种语言，它的文件以 .qml 结尾

Qt Quick 是 QML 类型和功能的标准库，它包括视觉类型、交互类型、动画、模型和视图、粒子效果和着色效果（可以使用 import 语句访问所有这些功能）

QML 由 Qt QML 模块提供，Qt Quick QML 库由 Qt Quick 模块提供
- Qt QML 模块：为 QML 应用程序提供了语言和引擎基础结构
- Qt Quick 模块：提供了许多可视化组件、模型视图支持、动画框架以及用于构建用户界面的更多功能。

既然有了 Qt Widgets，为什么还要引入 QML/Qt Quick 呢？
- 战略性发展：Qt 想用 QML/Qt Quick 一统天下（桌面＋移动端），对界面要求较高的开发者来说作用尤为重要
- 开发效率的提升：Web 技术让 JS 的解析速度更快，QML/Qt Quick 和 Node.js 类似，提供了一系列 JS 和 C++ 交互的接口，便于 JS 和 C++ 通信
- UI 与逻辑分离：QML 应用开发适合使用 C++ 来进行扩展，以便在后台执行一些计算密集型任务（例如