gooderfeng的专栏

Qt Quick  是开发Qml应用的标准lib。在开发qml应用时 第一行代码就是 import  QtQuick.Qt Quick 为Qml应用开发提供了基本的element， qml 引擎和基本的语法支持。Quick 是 Qt UI  creation Kit 的缩写，可见Qt Quick 主要就是用来开发应用的UI 程序。具体提供了哪些功能：1) canvas 开发方式与j

QML - Text 用于显示文本信息，具有只读属性。Text可以处理Html格式文本和普通文本，Text默认会尝试把所有的问题放到一行显示。我们可以通过设置width， height 属性或者设置WrapMode 来改变默认属性。下面看看他的属性信息。<!--p, li {white-space:pre-wrap}-->baseUrl :

Image 和他的名字一样，在QML 中用来现实一个图片。在实现一下UI的过程中，使用贴图是最简单的方法。Qt lib 支持的静态图片格式类型，Image 都可以支持如bitmap， png， jpg， svg 等等。Image 支持大尺寸的图片，但是大尺寸的图片解码的速度和内存的使用如何平衡那，看看Image 为我们提供了那些功能。同时Image 支持加载本地图片和网络图片

Rectangle 就和它的意思一样，就是画一个实心的方形，几乎所有的QML 可视元素都是一个方形，如果想做一个类似圆形，三角形或者多边形都不是特别容易。Item 是Rectangle的父类，所以Item所有的属性在Rectangle都有效，而且Rectangle 是可见的。除了Item内部的一些属性，在Rectangle 里面也有一些自己的属性：Rectangle可以具有一个边框，并

Rectangle 是qml中最基本的类型，而且我们也能看到基本上所有的qml 可视元素都是方块的，如果需要使用一个圆形或者三角形都不是很容易。在使用Rectangle 中一般都是嵌套使用各种可视元素，而且这些元素的嵌套规则与之前的widget 嵌套的规则一样，存在着父子关系。语法结构中上层的元素就是下层元素的父亲，父元素维护着子元素的生命周期。现在是一个简单的嵌套使用可视元素的例

item 本身不是一个可视类型，但是item 是所有可视元素的基类。由于item 是可视元素的基类，所以item 具有很多关于UI和输入输出的属性和方法下面一一记录<!--p, li {white-space:pre-wrap}-->activeFocus : bool 只读属性，通过activeFocus可以获取focus是否在当前的element上，如果

size 是QML 的一个基础类型，具有 width 和 height 属性。可以用于表示图片，窗体的尺寸。使用 size。见examplesimport QtQuick 2.0Rectangle {  // 基本类型，生成一个矩形    width: 360  //矩形宽    height: 360 //矩形高    color: "lightblue" //矩

Rectangle 是QML 中使用最频繁的基础类型.当我们想定义自己的类型或者 element的时候，Rectangle 是一个很好的起点。（通过rect 做为基础）下面的example 使用rect的属性来控制 rect 的外观import QtQuick 2.0Rectangle {  // 基本类型，生成一个矩形    width: 360  //矩形宽

Qt Quick 提供了很多的基础类型用于开发QML 应用。通过下面这条指令来倒入Qt Quick 提供的数据类型<!--p, li {white-space:pre-wrap}-->import QtQuick 2.0下面简单描述一下Qt Quick 的基础类型data - 用于处理日期操作。 需要使用如下格式用于初始化 “yyyy-mm-dd”

vector2D vector3D vector4D 和 matrix4x4 是QML中与opengl相关的一些基础类型。vector2D vector3D vector4D几乎具有一致的借口和函数，主要用于保存一个点的信息。matrix4x4 用来表示具有16个元素的数组，主要用来做opengl中的matrix计算，如修改坐标系，旋转，移动等操作。vector*D 常用的函数

color 是QML 中非常中的类型，用color 可以描述可见的elements的颜色信息在Qt 中使用red， green，blue， alpha 来表示一个颜色在初始化color的时候我们可以使用2种方式 #RRGGBB 和 #AARRGGBB， 每个颜色的元素占8位一个字节。在Qt 中不使用yuv 数据。下面是一个使用color的example：import Q

QML 基础类型 font 主要应用在需要UI 中显示文字的时候，设置需要使用的字体，字库，和其他属性。这个是我Qt 目录下的字体文件：fixed_120_50.qpf       helvetica_100_75.qpf   helvetica_140_50i.qpf  helvetica_180_50.qpf   helvetica_240_75i.qpf  helvetica_80_

QML 基础类型 pointpoint 类型是具有x, y 属性的数据结果。用于表示平面的一个点。import QtQuick 2.0Rectangle {  // 基本类型，生成一个矩形    width: 360  //矩形宽    height: 360 //矩形高    color: "lightblue" //矩形内部颜色    property poin

1. Command line:   ./myapp -plugin tslib:/dev/mydevice2. Environment variable:   export QT_QPA_GENERIC_PLUGINS=tslib:/dev/mydevice