在小程序中,通常可以使用 CSS 渐变 和 CSS 动画 来创建简易的界面动画。
在开发者工具中预览效果
动画过程中,可以使用 bindtransitionend
bindanimationstart
bindanimationiteration
bindanimationend
来监听动画事件。
事件名 | 含义 |
---|---|
transitionend | CSS 渐变结束或 wx.createAnimation 结束一个阶段 |
animationstart | CSS 动画开始 |
animationiteration | CSS 动画结束一个阶段 |
animationend | CSS 动画结束 |
注意:这几个事件都不是冒泡事件,需要绑定在真正发生了动画的节点上才会生效。
同时,还可以使用 wx.createAnimation 接口来动态创建简易的动画效果。(新版小程序基础库中推荐使用下述的关键帧动画接口代替。)