Qt Quick 范例和教程

此页面列表 Qt QML and Qt Quick 范例,不管怎样,许多其它 Qt 模块 包含与 QML API 相关的范例。

运行范例和演示

范例被打包在 Qt 安装程序 并透过 Qt Creator 进行访问。有关以 Qt Creator 运行范例的更多信息,拜访 构建和运行范例 页面。

打开和运行范例在 Qt Creator 欢迎 模式。大多数范例可在各平台上运行且可搜索特定平台范例,在搜索字段中键入平台名称 (或任何关键字)。例如,键入 mobile 在搜索字段中,列表的范例完全兼容 mobile 平台。

要查看其它范例和教程,拜访 Qt 范例和教程 页面。

Qt Quick 演示

这里是功能齐全的演示应用程序的列表。它们是完整的应用程序,展示如何构建和结构可部署的 Qt 应用程序。许多演示可部署到移动和桌面平台。

咖啡机范例 具有基于状态的自定义用户界面的 Qt Quick 应用程序
Qt Quick 演示 - Calqlatr 使用自定义组件为肖像设备设计的 QML 应用程序,动画采用 AnimationController 和 JavaScript 用于应用程序逻辑
Qt Quick 演示 - 时钟 QML 时钟应用程序演示使用 ListView 类型来显示生成数据通过 ListModel 和 SpringAnimation 类型来动画图像
Qt Quick 演示 - 照片表面 用于触摸设备的 QML APP 使用中继器,采用 FolderListModel 以访问文件夹中的内容,和 PinchArea 包含 MouseArea 以处理抓取内容时的捏合手势
Qt Quick 演示 - 照片查看器 A QML photo viewer that uses XmlListModel and XmlListModelRole to download Flickr feeds, and Package to display the photos in different views
Qt Quick 演示 - RSS 新闻 A QML RSS news reader that uses XmlListModel and XmlListModelRole custom QML types to download XML data, ListModel and ListElement to create a category list, and ListView to display the data
Qt Quick 演示 - StocQt A configurable stock chart for the NASDAQ-100

开发 Qt Quick 应用程序

以下页面展示如何开发 Qt 应用程序使用 Qt Creator 和 Qt Quick。页面演示各步骤 (譬如:用例和介绍材料)。有关 Qt Quick 应用程序和相关模块的更多信息,拜访 QML 应用程序 页面。

开发环境

从 QML 和 Qt Quick 开始

使用案例

扩展 QML

以下教程展示基于 QML 的应用程序如何组合 C++ 代码使用 Qt QML 模块。 扩展的 QML 有关信息,拜访 集成 QML 和 C++ 页面。

扩展 QML - 添加类型范例 导出 C++ 类
扩展 QML - 附加特性范例 附加特性
扩展 QML - 绑定范例 绑定
扩展 QML - 默认特性范例 默认特性
扩展 QML - 扩展对象范例 扩展对象
扩展 QML - 分组特性范例 分组特性
扩展 QML - 继承与强制转换范例 C++ 继承和强制转换
扩展 QML - 方法范例 方法支持
扩展 QML - 对象和列表特性类型范例 导出 C++ 特性
扩展 QML - 特性值源范例 特性值源
扩展 QML - 信号支持范例 信号支持

范例

范例是展示如何实现各种 Qt Quick 特征的小型应用程序。范例可运行于各平台,且可从 Qt Creator 中打开。

QML 类型和控件

布局和视图

图像和图形

键盘、聚焦和触摸

系统和事件

场景图形