QML学习例子.doc

1.介绍 QML是一种描述语言，主要是对界面效果等的一种描述，它可以结合javaScript来进行更复杂的效果及逻辑实现。比如做个游戏，实现一些更有趣的功能等  2.简单的例子 import Qt 4.7 Rectangle{ width:200 height:200 color:blue } 代码是绘制一个蓝色的矩形，宽200高200，import包含一个qt4.7的包 3.基本元素的介绍（自己翻译意思会有出入，敬请见谅） 基本可视化项 Item基本的项元素 在QML中所有可视化的向都继承他 Rectangle基本的可视化矩形元素 Gradient定义一个两种颜色的渐变过程 GradientStop定义个颜色，被Gradient使用 Image在场景中使用位图 BorderImage(特殊的项)定义一张图片并当做边界 AnimatedImage为播放动画存储一系列的帧 Text在场景中使用文本 TextInput显示可编辑为文本 IntValidator int验证器 DoubleValidator double验证器 RegExpValidator验证字符串正则表达式 TextEdit显示多行可编辑文本 基本的交互项 MouseArea鼠标句柄交互 FocusScope键盘焦点句柄 Flickable提供一种浏览整张图片的一部分的效果,具体看例子 Flipable提供一个平面，可以进行翻转看他的前面或后面,具体看例子 状态 State定义一个配置对象和属性的集合 PropertyChanges使用一个State描述属性的改变 StateGroup包含一个状态集合和状态变换 ParentChange重新定义父集，也就是换个父节点 AnchorChanges在一个状态中改变anchors 动画和变换 Behavior默认的属性变换动画 SequentialAnimation对定义的动画串行播放 ParallelAnimation对定义的动画并行播放 PropertyAnimation属性变换动画 NumberAnimation对实数类型属性进行的动画 Vector3dAnimation对QVector3d进行的属性 ColorAnimation颜色进行的变换动画 RotationAnimation对旋转进行的变换动画 ParentAnimation对父节点进行变换的动画，改变绑定的父节点 AnchorAnimation对anchor进行改变的动画 PauseAnimation延迟处理 SmoothedAnimation允许属性平滑的过度 SpringAnimation一种加速的效果 PropertyAction允许在动画过程中对属性的直接改变 ScriptAction允许动画过程中调用脚本 Transition在状态变换中加入动作变化 工作中的数据 Binding在创建的时候绑定一些数据到一些属性 ListModel定义链表数据 ListElement定义ListModel的一个数据项 VisualItemModel包含可视化项(visual items)到一个view中，相当是一个容器 VisualDataModel包含一个model和一个delegate，model包含需要的数据，delegate设计显示的项的信息，具体的去看例子 Package他的目的是把VisualDataModel共享给多个view，具体还要学习 XmlListModel特殊的一个模式使用XPath表达式，使用xml来设置元素，参考例子 XmlRole XmlListModel的一个特殊的角色 试图 ListView提供一个链表显示模型试图 GridView提供一个网格显示模型试图 PathView提供一个内容沿着路径来显示的模型 Path定义一个PathView使用的轨迹 PathLine定义一个线性的轨迹 PathQuad定义一个二次贝塞尔曲线的轨迹 PathCubic定义一个三次贝塞尔曲线的轨迹 PathAttribute允许绑定一个属性上，具体看例子 PathPercent修改item分配的轨迹不是很明了其中的意思 WebView允许添加网页内容到一个canvas上 定位器 Column整理它的子列(纵) Row整理它的子行(横) Grid设置它的子到一个网格上 Flow目的是不让他的子项重叠在一起 实用 Connections明确连接信号和信号句柄 Component封装QML items想一个组件一样 Timer提供时间触发器 QtObject基本的元素只包含objectName属性 Qt qml全局Qt object提供使用的枚举和函数 WorkerScript允许在QML使用线程 Loader控制载入item或组件 Repeater