前言
weex-animation 是一个帮助开发者在 weex 中快速使用动画的 npm 包。它提供了丰富的动画效果和 API，可以在 weex 中轻松实现动态展示效果。本文将为大家介绍 weex-animation 的基本使用方法和相关 API。
安装
你可以通过 npm 安装 weex-animation，使用以下命令即可完成安装：
npm install weex-animation --save
使用
在开始使用 weex-animation 前，请确保你已经开启了 weex 的渲染能力。
引入
可以使用以下代码将 weex-animation 引入到你的项目中：
const animation = require('weex-animation');创建动画
weex-animation 提供了丰富的动画效果和 API，你可以使用以下代码来创建动画：
-- -------------------- ---- -------
----- ----------- - ----------------------
------- -
---------------- ----------
---------- -------------
--
--------- ----
--------------- -----------
------ --
------------- --
---------- ---------
--------- -----------
---在上面的代码中，transition 函数将返回一个动画实例，可以用来控制动画的播放和暂停。styles 参数表示动画播放时需要改变的元素样式。duration 表示动画的持续时间，timingFunction 表示动画的速度曲线，delay 表示动画的延迟时间，iterateCount 表示动画的播放次数，direction 表示动画的方向，fillMode 表示动画播放完成后元素的状态。
播放动画
在创建动画后，我们可以使用以下代码将动画播放出来：
myAnimation.play({
onStart: function() {
console.log('动画开始播放');
},
onEnd: function() {
console.log('动画播放结束');
},
});在上面的代码中，play 函数将播放动画，并可以通过 onStart 和 onEnd 回调函数监听播放状态，以实现更加丰富的交互效果。
暂停动画
在播放动画后，我们可以使用以下代码对动画进行暂停操作：
myAnimation.pause();
继续动画
在暂停动画后，我们可以使用以下代码继续播放动画：
myAnimation.resume();
取消动画
在播放或暂停动画后，我们可以使用以下代码取消动画：
myAnimation.cancel();
API
weex-animation 提供了丰富的 API，以下是常用的 API：
transition
创建一个新的动画实例。
参数
- styles：动画播放时需要改变的元素样式
- duration：动画的持续时间
- timingFunction：动画的速度曲线
- delay：动画的延迟时间
- iterateCount：动画的播放次数
- direction：动画的方向
- fillMode：动画播放完成后元素的状态
返回值
返回一个动画实例。
play
播放动画。
参数
- options.onStart：动画播放开始时的回调函数
- options.onEnd：动画播放结束时的回调函数
pause
暂停动画。
resume
继续播放动画。
cancel
取消动画。
示例代码
以下是一个使用 weex-animation 实现图片切换动画的示例代码：
-- -------------------- ---- -------
----------
-----
------ ------------- -------------------------- -------------------- ------------------
------
-----------
--------
----- --------- - --------------------------
------ ------- -
------ -
------ -
---------- -
---------------------------------------------------------------------
---------
- ------------------------------------------------------------------------------ --------
------------------------------------------------------------------------------------------------------------------------