QT QML 零基础动画教程

第一课概念及课程介绍
1.关于QT
2.QT QML 组件
3.关于本课程
4.QT QML动画的概念

第二课状态概念及基本性质
1.状态的概念
2.状态的属性
3.状态改变的Script代码（概念介绍）
4.程序代码展示A01- 状态的基本性质

第三课状态继承、条件、锚点、父类
1.状态的继承、When条件参数  A02 程序代码
2.状态的锚点变化 – A03
3.状态的父类变化 – A04

第四课 转换
1.转换的基本概念
2.转换的属性
3.A05 转换的程序例子
4.A06 转换、反转的程序例子

第五课动画概念
1.动画的概念 （运行方式、Action动作、行为）
2.动画的类型 （属性、信号、方法、缓和曲线）
3.动画的类别
   •动画（锚点、属性、顺序、并发、父类、暂停、光滑、弹簧动画）
   •画家（X轴、Y轴、比例、旋转、透明度动画）
   •路径动画（概念、画布、贝塞尔曲线、Path、PathElement）

第六课 锚点及属性动画
1.锚点动画 A07
2.属性动画 A08
3.基于SVG图像的动画 A09

第七课 属性动画概念、颜色动画
1.属性动画（PropertyAnimationg)概念
2.方式一：直接使用
3.方式二：通过转换使用
4.方式三：通过行为使用
程序A10

第八课 数值动画
1.方式一：直接使用
2.方式二：通过转换使用
3.方式三：通过行为使用
程序A11

第九课 旋转动画、多组件动画
1.方式一：直接使用 + 多组件动画
2.方式二：通过转换使用
3.方式三：通过行为使用
程序A12

第十课 顺序、旋转动画
1.顺序动画
2.并发动画
程序A13

第十一课 父类、暂停、光滑动画
1.父类动画 – A14
2.暂停动画 – A15
3.光滑动画 – A16

第十二课 弹簧动画
1.属性 （阻尼、质量、强度）
2.弹簧动画程序 – A17

第十三课 动画中的动作
1.PropertyAction 参见例子A15
2.ScriptAction JS的动作
   StateChangeScript 状态改变，定义的JS代码
程序代码 A18

第十四课 画家动画
1.X轴动画 - XAnimator
2.Y轴动画 - YAnimator
3.比例动画 - ScaleAnimator
4.旋转动画 - RotationAnimator
5.透明度动画 OpacityAnimator
程序代码 A19

第十五课 路径动画
1.概念
  •画布-Canvas
  •贝塞尔曲线
  •路径 – Path
  •路径元素 – PathElement
  •路径动画 – PathAnimation
2.代码
  •定义画布 
  •定义路径动画-PathAnimation
  •定义路径动画中的路径-Path
    •方式一：不使用数组
    •方式二：使用数组

第十六课 动画与信号、信号槽
1.定义属性动画
2.定义属性动画的信号槽代码
3.定义信号与信号槽的链接
4.定义动画的触发条件
5.课程总结




 

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。