Qt Quick简介:

  Qt Quik 是一种高级用户界面技术,使用它可以轻松地创建供移动和嵌入式设备使用到动态触摸式界面和轻量级应用程序;Qt Quick主要由三部份组成:

  • 改进的Qt Creator IDE(其中包含了Qt Quick设计器)  ----   可以通过拖动界面组件的图形化方式创建QML界面;
  • 新增的简单易学的QML语言                                      ----    一种基于JavaScript拓展的用来描述应用程序用户界面的声明式语言,完善了JavaScript和Qt现有的基于QObject类型                                                                                                                                                    系统之间的整合,在语言级别上增加了对自动属性绑定和透明网络传输的支持;
  • 新加入Qt库中的QtDeclarative模块                         ----   实现了QML语言和对它适用的元素之间的接口,可在Qtt/C++应用程序中加载QML文件并与之通信;

QML组成

一个 QML 文档分为 import 和 declaration 两部分。

前者用于引入文档中所需要的组件(有可能是类库,也可以是一个 JavaScript 文件或者另外的 QML 文件);后者用于声明本文档中的 QML 元素。

Qt Quick 是QML元素类型的标准库和具体实现;它包括视觉类型(visual type)、交互类型(Interactive Types)、动画(animations)、模型视图(model and views)、颗粒效果(particle effects)和着色效果(shader effects).  QML开发者只需要一句具体的import语句便可以访问所有的类型功能特性;

QML Types

类型名    

通用属性

具体元素 元素自身属性

1 Visual Elements 基于Item类型实现,

visible property      opacity  property

Transform属性(旋转和比例缩放) Item::rotation or Item::scale property

Rectangle Tyep(矩形类型) 属性:坐标x,y  width/height  color  radius(半径)  gradient(倾斜度)  border 
Image Typpe 属性:坐标x/y width/height source(图片地址)
2 Interactive Types    坐标x,y  width/height  color   mouse and touch events   结合Image Rectangle Text和MouseArea可以实现简单按钮
keyboard and button events 焦点属性 Item::focus

Keys.onUpPressed
Keys.onDownPressed
Keys.onLeftPressed
Keys.onRightPressed
 TextInput  单行输入  
  TextEdit   多行编辑
 3 animations  

States and Transitions

   

Animating Property Changes.

 
   

Other Animations

 
4 model and views  

Laying Out Text

 
   

Displaying and Formatting Text

 
 5 particle effects      
       
 6 shader effects      

重要文档:http://qmlbook.github.io/ch04-qmlstart/qmlstart.html#simple-transformations

qt quick-初始学习概念的更多相关文章

  1. Qt Quick QMl学习笔记 之图片浏览器

    Qt Quick模块是编写QML应用程序的标准库.虽然Qt QML模块提供QML引擎和语言基础结构,但Qt Quick模块提供了使用QML创建用户界面所需的所有基本类型.它提供了一个可视画布,包括用于 ...

  2. 《Qt Quick 4小时入门》学习笔记4

    http://edu.csdn.net/course/detail/1042/14806?auto_start=1 Qt Quick 4小时入门 第七章:处理鼠标与键盘事件 1.处理鼠标事件 鼠标信号 ...

  3. 《Qt Quick 4小时入门》学习笔记3

    http://edu.csdn.net/course/detail/1042/14807?auto_start=1 Qt Quick 4小时入门 第八章:Qt Quick中的锚(anchors)布局 ...

  4. 《Qt Quick 4小时入门》学习笔记2

    http://edu.csdn.net/course/detail/1042/14805?auto_start=1   Qt Quick 4小时入门 第五章:Qt Quick基本界面元素介绍   1. ...

  5. 《Qt Quick 4小时入门》学习笔记

    http://edu.csdn.net/course/detail/1042/14804?auto_start=1   Qt Quick 4小时入门 第五章:Qt Quick里的信号与槽   QML中 ...

  6. Qt 学习之路 :Qt Quick Controls

    自 QML 第一次发布已经过去一年多的时间,但在企业应用领域,QML 一直没有能够占据一定地位.很大一部分原因是,QML 缺少一些在企业应用中亟需的组件,比如按钮.菜单等.虽然移动领域,这些组件已经变 ...

  7. Qt Quick 事件处理之信号与槽

    前面两篇文章<QML 语言基础>和<Qt Quick 简单教程>中我们介绍了 QML 语言的基本的语法和 Qt Quick 的常见元素,亲们,通过这两篇文章,您应该已经能够完毕 ...

  8. Qt5官方demo分析集11——Qt Quick Particles Examples - Affectors

    在这个系列中的所有文章都可以在这里查看http://blog.csdn.net/cloud_castle/article/category/2123873 接上文Qt5官方demo解析集10--Qt ...

  9. Qt Quick 事件处理之信号与槽(foruok的博客)

    前面两篇文章<QML 语言基础>和<Qt Quick 简单教程>中我们介绍了 QML 语言的基本语法和 Qt Quick 的常见元素,亲们,通过这两篇文章,您应该已经可以完成简 ...

随机推荐

  1. rest_framework目录

    一  REST API规范 二  rest framework框架的基本使用

  2. springboot 问题总结

    一:返回格式化日期 如果我们是用fastjson处理成jsonString,可以通过下面两种方式处理 1,在接受实体上@JSONField(format="yyyy-MM-dd HH:mm: ...

  3. Linux查看密码

    Linux的账号是记录在/etc/passwd文件里面,密码则是保存在/etc/shadow 1.在如下图输入head -3 /etc/passwd可以看查前三密码,回车这后就可以看到前三行的密码保存 ...

  4. FPGA笔试必会知识点1--数字电路基本知识

    组合逻辑与时序逻辑 组合逻辑电路:任意时刻电路输出的逻辑状态仅仅取决于当时输入的逻辑状态,而与电路过去的工作状态无关. 时序逻辑电路:任意时刻电路输出的逻辑状态不仅取决于当时输入的逻辑状态,而与电路过 ...

  5. dojo里添加目录树

    其实循环生成目录树这个方法不仅仅局限于在使用dojo的情况下,只要明白了其中的原理,在任何一种语言下都能动态循环生成. 1. 数据结构 在这里先说明一下数据结构,我这里循环生成目录树的数据结构是像这样 ...

  6. K2项目开发流程

    (自己的学习资料) K2项目开发流程: 1.在VS2013中设计流程,并在K2 Workspce中测试流程 首先是新建新建一个k2的Process文件..kprx后缀. 在里面创建所需要的流程.由于我 ...

  7. Docker技术应用场景(转载)

    场景一:节省项目环境部署时间 1.单项目打包 每次部署项目到测试.生产等环境,都要部署一大堆依赖的软件.工具,而且部署期间出现问题几率很大,不经意就花费了很长时间. Docker主要理念就是环境打包部 ...

  8. Java数据类型(primitive)原始数据类型

    1.小心别溢出来. 要确保变量能存下来所保存的值. 你无法用小杯子装大值.好吧,其实可以,但是会损失某些信息,也就是所说的溢位.当判断到所使用的容器不足以装载时,编译器会试着防止珍重情况发生.举例来说 ...

  9. python实战:用70行代码写了一个山炮计算器!

    python实战训练:用70行代码写了个山炮计算器! 好了...好了...各位因为我是三年级而发牢骚的各位伙伴们,我第一次为大家插播了python的基础实战训练.这个,我是想给,那些python基础一 ...

  10. 注意UTF-8-BOM 这个编码格式

    有时候文本文件处理出现异常,找不到其他原因的时候,注意查看下文件的编码: Notepad:编码菜单 如果发现是UTF-8-BOM,需要改成UTF-8