小程序中的Animation动画

小程序动画三步走

• 在需要动画效果的元素上给animation属性绑定一个变量，假设是textLeftAnimation
• 在需要的时机调用api创建动画对象并描述动画效果
• 利用this.setData() 将动画对象.export() 方法赋值到textLeftAnimation变量中。

例：

• 1.在元素中的属性animation中绑定对象变量，即用代码如下表示

<view style="width:100px;height:100px" animation="{
   {textLeftAnimation}}"></view>

• 2.新建animation
• 3.添加相关动画方法来描述动画，目前的动画方法分类有
  • 样式
  • 旋转
  • 缩放
  • 偏移
  • 倾斜
  • 矩阵变形

拿样式分类方法来做示例：