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参数 |