来源于微信公众号:yafeilinux和他的朋友们 导语今天的一个好(不好?)消息是QQ马上要支持账号注销了,为了能真正和以前的自己说再见,注销还是有必要的。 根据前面的经验,微信文章不应该过长,代码不要太多,因为要用手机看,尤其是大多数小伙伴是在车上看的,所以后面的教程会尽量短小精悍。 从这一篇开始,我们将讲述Qt Quick模块的内容, 也就是说马上可以设计漂亮的图形界面了。 Qt Quick模块简介Qt Quick模块作为一个编写QML应用程序的标准库,提供了用于创建用户界面的所有基本类型,使用这些类型可以创建动态可视化组件、接收用户输入、创建数据模型和视图。 Qt Quick模块既提供了QML 语言接口,可以使用 QML 类型来创建用户界面,也提供了 C++ 语言接口,可以使用 C++ 代码来扩展 QML 应用。大家可以在帮助中索引Qt Quick关键字查看相关文档。 Qt Quick 就是为了炫酷流畅的触摸界面效果而生的,所以在Qt Quick中动画和过渡效果是最核心的概念,另外,还可以通过粒子或着色特效来强化视觉效果。在我们使用的Qt 5.12.0 版本中,最新的 QtQuick 模块的版本是 2.12,如果要使用这个版本,就要添加如下导入代码: import QtQuick 2.12 当然,这个在我们以前的代码中已经多次看到了。另外,该模块还包 XmlListModel 、LocalStorage 、Particles 、Window 、Dialogs 、Controls 、Layouts 、QtTest等子模块,来提供一些特殊功能。这就是我们在第一个程序中看到的 QtQuick.Window 2.2 的由来。Item 类型在 Qt Quick 模块中包含了众多类型,其中的 Item 类型比较特殊,因为它是所有其他可视化类型的基类型。在这里我们又要引入一个新的概念,就是 项目 , 因为英文items 翻译过来就是项目,而在Qt Quick中所有可视化类型都基于 Item,它们都被称为 可视化项目(visual items) 。在后面的教程中,大家根据语境应该可以判断我们所说的项目,到底是可视化项目,还是应用程序本身。对于这个概念的翻译,在其他教程中可能会有别的叫法,但是在我们这里,咱们就统一这样来用。尽管一个 Item 对象本身没有一个可视化的外观,但是它定义了可视化项目中所有常见的特性,比如 x 、y 、width 、height 、anchors 和键盘处理等。Item 类型最常见的用法是作为其他项目的容器,这样就可以把其他项目作为一个整体,例如: Item { 下面我们新建 Qt Quick Application - Empty 应用,完成后添加代码,格式如下图所示。 这里我们创建了六组代码,用于对比不同属性组合的效果。整体运行效果如下图所示。 这里主要涉及三个属性:
下面我们来看一下这六组代码,大家可以先看看代码,脑补下运行效果,然后看图对比下结果: Item { Item { Item { Item { Item { Item { 结语Item 作为基类型,拥有众多属性和方法,这里咱们只是演示了以后会常用的几个属性,更多的内容会在后面慢慢讲到。 相关文章第1篇 Qt Quick入门教程之基础(一)进入Qt Quick的世界 第2篇 Qt Quick入门教程之基础(二)搭建Qt Android开发环境 第3篇 Qt Quick入门教程之基础(三)QML语法1 第4篇 Qt Quick入门教程之基础(四)QML语法2 第5篇 Qt Quick入门教程之基础(五)QML的编码约定 ---------------------------------------------------------------------------------------------------------------------- 我们尊重原创,也注重分享,文章来源于微信公众号:yafeilinux和他的朋友们,建议关注公众号查看原文。如若侵权请联系qter@qter.org。 ---------------------------------------------------------------------------------------------------------------------- |