Qt快速示例和教程#

使用QML构建UI

Qt包含多个示例来演示特定的用法。这些示例作为应用程序在Qt Creator中运行，或者在Qt Creator中以非GUI示例运行。Qt教程展示了逐步信息以及给特定代码片段的见解。

此页面列出了Qt Qml和Qt Quick示例，然而，许多其他Qt模块包含与其QML API相关的示例。

运行示例和演示#

示例包含在Qt安装程序中，并通过Qt Creator访问。有关在Qt Creator中运行示例的更多信息，请访问“构建和运行示例”页面。

在Qt Creator的欢迎模式下打开和运行示例。大多数示例在各个平台上运行，要搜索特定平台的示例，请在搜索字段中输入平台名称（或任何关键词）。例如，在搜索字段中输入mobile会列出与移动平台完全兼容的示例。

要查看其他示例和教程，请访问Qt示例和教程页面。

Qt Quick演示#

以下列出了一个功能齐全的演示应用程序列表。它们是完整的应用程序，展示了可部署的Qt应用程序是如何构建和组织的。许多演示可以部署到移动和桌面平台。

开发Qt Quick应用程序#

以下页面展示了如何使用Qt Creator和Qt Quick开发Qt应用程序。这些页面展示了各种步骤，如用例和入门材料。有关Qt Quick应用程序和相关模块的更多信息，请访问QML应用程序页面。

开发环境

  • 创建Qt Quick项目

  • 使用带有插件的QML模块

从QML和Qt Quick开始

  • QML的第一步

  • 闹钟应用程序

  • Qt Design Studio教程

  • SameGame

用例

  • QML中的视觉类型

  • 在QML中响应用户输入

  • QML中的动画

  • 在QML中显示文本

  • QML中的布局

  • 样式和主题支持

  • 在QML中集成JavaScript

扩展QML#

以下教程展示了如何使用Qt Qml模块将基于QML的应用程序与C++代码结合和扩展。

  • 用C++编写QML扩展

  • 用C++编写高级QML扩展

示例#

示例是小型应用程序，展示了如何实现各种Qt Quick功能。这些示例在各个平台上运行，并从Qt Creator内部打开。

QML类型和控件

布局和视图

图像和图形

形状

  • 形状

  • 天气预报

键盘、焦点和触摸

系统和事件

场景图

  • 自定义材质

  • 基于QRhi的便携式3D渲染，作为场景底层

  • 在QQuickItem中显示QRhi渲染的图像

  • 实现基于QRhi的QSGRenderNode

  • 将Qt Quick渲染重定向到QRhiTexture

  • 纹理提供器和材质

  • 自定义几何形状

  • 图

使用原生3D API扩展场景图

在QWidget应用程序中添加Qt Quick场景

  • 使用QQuickWidget

  • QQuickWidget - QQuickView比较（OpenGL）

  • 将QQuickView嵌入为原生窗口