qt quick-初始学习概念
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 |
||
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-初始学习概念的更多相关文章
- Qt Quick QMl学习笔记 之图片浏览器
Qt Quick模块是编写QML应用程序的标准库.虽然Qt QML模块提供QML引擎和语言基础结构,但Qt Quick模块提供了使用QML创建用户界面所需的所有基本类型.它提供了一个可视画布,包括用于 ...
- 《Qt Quick 4小时入门》学习笔记4
http://edu.csdn.net/course/detail/1042/14806?auto_start=1 Qt Quick 4小时入门 第七章:处理鼠标与键盘事件 1.处理鼠标事件 鼠标信号 ...
- 《Qt Quick 4小时入门》学习笔记3
http://edu.csdn.net/course/detail/1042/14807?auto_start=1 Qt Quick 4小时入门 第八章:Qt Quick中的锚(anchors)布局 ...
- 《Qt Quick 4小时入门》学习笔记2
http://edu.csdn.net/course/detail/1042/14805?auto_start=1 Qt Quick 4小时入门 第五章:Qt Quick基本界面元素介绍 1. ...
- 《Qt Quick 4小时入门》学习笔记
http://edu.csdn.net/course/detail/1042/14804?auto_start=1 Qt Quick 4小时入门 第五章:Qt Quick里的信号与槽 QML中 ...
- Qt 学习之路 :Qt Quick Controls
自 QML 第一次发布已经过去一年多的时间,但在企业应用领域,QML 一直没有能够占据一定地位.很大一部分原因是,QML 缺少一些在企业应用中亟需的组件,比如按钮.菜单等.虽然移动领域,这些组件已经变 ...
- Qt Quick 事件处理之信号与槽
前面两篇文章<QML 语言基础>和<Qt Quick 简单教程>中我们介绍了 QML 语言的基本的语法和 Qt Quick 的常见元素,亲们,通过这两篇文章,您应该已经能够完毕 ...
- Qt5官方demo分析集11——Qt Quick Particles Examples - Affectors
在这个系列中的所有文章都可以在这里查看http://blog.csdn.net/cloud_castle/article/category/2123873 接上文Qt5官方demo解析集10--Qt ...
- Qt Quick 事件处理之信号与槽(foruok的博客)
前面两篇文章<QML 语言基础>和<Qt Quick 简单教程>中我们介绍了 QML 语言的基本语法和 Qt Quick 的常见元素,亲们,通过这两篇文章,您应该已经可以完成简 ...
随机推荐
- Android 开发 ConstraintLayout详解
implementation 'androidx.constraintlayout:constraintlayout:2.0.0-alpha3' app:layout_constraintHorizo ...
- C机器级移位,编码表示 无符号编码表示,有符号编码表示一般最常见的方式是补码
C机器级移位,编码表示 无符号编码表示,有符号编码表示一般最常见的方式是补码 w位补码所能表示的值范围是 首先我们得心知 补码的最高有效位是符号位,当符号位位1是表示的是负值,当符号位是0是,表示的 ...
- LeetCode 102. Binary Tree Level Order Traversal 二叉树的层次遍历 C++
Given a binary tree, return the level order traversal of its nodes' values. (ie, from left to right, ...
- AS3获得当前文件的文件名
//当前文件的完整路径var fileUrl:String = this.loaderInfo.url;//查找路径的最后一个"/"var flag:int = fileUrl.l ...
- FICO-初级会计学
初级会计学 https://wenku.baidu.com/view/39257b1a59eef8c75fbfb348.html?from=search https://wenku.baidu.com ...
- Android中 Git 使用中几个概念
1.仓库(版本库) 版本库又名仓库,英文名repository,你可以简单理解成一个目录,这个目录里面的所有文件都可以被Git管理起来,每个文件的修改.删除,Git都能跟踪,以便任何时刻都可以追踪历史 ...
- Dostoevsky: Better Space-Time Trade-Offs for LSM-Tree Based Key-Value Stores via Adaptive Removal of Superfluous Merging 阅读笔记
Introduction 主流的基于LSM树的KV存储都在两方面进行权衡,一方面是写入更新的开销,另一方面是查询和存储空间的开销.但它们都不是最优的,问题在于这些存储系统在LSM树的每一个level上 ...
- Redis阻塞诊断基础
slowlog Redis慢查询 slowlog 参数 slowlog-log-slower-than: 慢查询时间阈值,超过这个阈值的查询将会被记录,默认值10000,但是微妙,也即10毫秒. sl ...
- jquery通过AJAX从后台获取信息并显示在表格上,并支持行选中
不想用Easyui的样式,但是想要他的表格功能,本来一开始是要到网上找相关插件的,但是没找到就开始自己写,没想到这么简单. 后台代码:(这个不重要) public ActionResult GetDi ...
- 微信小程序 project.config.json 配置
可以在项目根目录使用 project.config.json 文件对项目进行配置. miniprogramRoot Path String 指定小程序源码的目录(需为相对路径) qcloudRoot ...