animation

模块引用方式:let aniModule = weex.requireModule(“animation”) 该模块包含的api如下:

transition(el, options, callback)

对Vue元素节点执行指定的动画

入参说明

TIP

节点,动画参数,回调函数

调用示例

aniModule.transition(el, options, ret => {
});

参数详解

TIP

参数详解见下表

el参数说明:

参数 类型 说明
el Element 将要执行动画的元素。使用**"ref"**来标记节点元素

options参数说明:

参数 类型 说明
duration Number 指定动画的持续时间 (单位是毫秒),默认值是 0,表示没有动画效果
delay Number 指定请求动画操作到执行动画之间的时间间隔 (单位是毫秒),默认值是 0,表示没有延迟,在请求后立即执行动画
needLayout boolean 节点动画执行时是否产生布局动画即LayoutAnimation,默认值是false
timingFunction String 描述动画执行的速度曲线,用于使动画变化更为平滑。默认值是 linear,表示动画从开始到结束都拥有同样的速度。表1列出了所有合法的属性
styles Json Object 设置不同样式过渡效果的键值对。表2列出了所有合法的styles参数