16、Qt Quick与HTML5开发入门

Qt Quick与HTML5开发入门

1. 引入Qt Quick

Qt Quick是用于创建用户界面的声明式环境，可使用QML、JavaScript和C++。在Qt Quick中，可通过QML实体（如Rectangle、MouseArea、Item、Text和ListView）来指定用户界面内容，而非像C++那样在方法定义中进行命令式声明。

1.1 数据下载

XmlListModel是一种特殊的列表模型，可处理XML源的获取和解析，将其转换为XPath查询定义的角色。它能完成之前章节中WorkerThread的工作，例如从美国地质调查局（USGS）获取RSS源并解析，以提供标题和摘要属性。创建XmlListModel时开始获取数据，加载完成后更新状态。

ListView使用委托绘制每个项目，通过从特定源条目中提取的标题和摘要属性获取列表项的字段。也可使用get方法并传递索引来获取特定的XmlListModel项。

QML的一个关键特性是内容不仅可从本地设备获取，还能通过互联网获取。任何具有source属性的元素都能展示来自任何URL的数据，可在Qt Quick应用中自由混合本地和远程资源。Loader元素具有source属性，运行时会将自身替换为其源元素URL处的内容，使Qt Quick应用能从Web加载其他QML。

1.2 集成C++与QML

尽管QML功能强大，但在Qt开发中C++仍有用武之地。例如，与MeeGo上的QtDBus等平台支持工具交互时，即使UI完全用QML编写，仍需一些C++工作。借助Qt的元对象特性，可轻松将QML与用C++编写的QObject子类绑定。