9.动画.md

9.动画

属性动画

Image($r('app.media.image1'))   
   .animation({   
      duration: 1000,    
      // 动画的播放速度，值越大动画播放越快，值越小播放越慢，为0时无动画效果。
      tempo: 1.0,    
      delay: 0,    
      curve: Curve.Linear,   
      // 设置动画播放模式，默认播放完成后重头开始播放。 
      playMode: PlayMode.Normal,  
      // 播放次数，默认一次，设置为-1时表示无限次播放。  
      iterations: 1  
   })

1、animation属性作用域。animation自身也是组件的一个属性，其作用域为animation之前。即产生属性动画的属性须在animation之前声明，其后声明的将不会产生属性动画。

2、产生属性动画的属性变化时需触发UI状态更新。在本示例中，产生动画的属性width，其值是通过变量iconWidth从30变为100，故该变量iconWidth的改变需触发UI状态更新。

3、产生属性动画的属性本身需满足一定的要求，并非任何属性都可以产生属性动画。目前支持的属性包括width、height、position、opacity、backgroundColor、scale、rotate、translate等

页面动画

---

• 上一篇:8.通知
• 下一篇:10.网络请求

---

• 邮箱 ：charon.chui@gmail.com
• Good Luck!