终端扩展组件

扩展组件是终端提供了一些很方便的组件，在 hippy-vue 中由 @hippy/vue-native-components 提供，但因为暂时还没有 @hippy/vue-web-components 所以暂时无法在浏览器中使用。

animation

[范例：demo-animation.vue]

该组件是 hippy-vue 的动画解决方案，直接传入一个样式值和动画方案数组，即可触发动作效果。

需要说明的是一个 animation 本身就是个 View，它会带动所有子节点一起动画，所以如果动画需要分开控制的话，需要在界面层级上进行拆分。

参数

• actions 详解 和 React 不同，它将单个动画 Animation 和动画序列 AnimationSet 合二为一了，其实方法特别简单，发现是个对象就是 Animation，如果是个数组就是动画序列就用 AnimationSet 处理，单个动画参数具体参考 Animation 模块和 范例。需要说明 hippy-vue 的动画参数有一些默认值，只有差异部分才需要填写。 特别说明，对 actions 替换后会自动新建动画，需手动启动新动画。有两种处理方式：

替换 actions => 延迟一定时间后（如setTimeout） 调用 this.[animation ref].start()（推荐）

• playing = false => 替换 actions => 延迟一定时间后（如setTimeout） playing = true

2.6.0 版本新增 backgroundColor 背景色渐变动画支持，参考 渐变色动画DEMO

• 设置 actions 对 backgroundColor 进行修饰
• 设置 valueType 为 color
• 设置 startValue 和 toValue 为 color值

事件

最低支持版本 2.5.2

方法

最低支持版本 2.5.2

start

() => void 手动触发动画开始（playing属性置为true也会自动触发start函数调用）

pause

() => void 手动触发动画暂停（playing属性置为false也会自动触发pause函数调用）

resume

() => void 手动触发动画继续（playing属性置为false后再置为true会自动触发resume函数调用）

create

() => void 手动触发动画创建

reset

() => void 重置开始标记

dialog

[范例：demo-dialog.vue]

用于模态弹窗，默认透明背景色，需要加一个带背景色的