animated-vector

animated-vector

概述

animated-vector 组件，用于解析渲染安卓 xml 动画资源。

xml 动画通过将矢量可绘制对象资源与属性动画资源通过 AAPT 内嵌资源格式在 xml 文件中定义来实现，可在安卓开发者文档中了解更多。

animated-vector 组件提供配置 xml 动画，进行播放，暂停等操作的能力，只支持单个 xml 文件结构的矢量可绘制对象资源。

子组件

不支持

属性

支持通用属性

名称	类型	默认值	必填	描述
src	<uri>	-	是	xml 源文件的位置，仅支持本地单 xml 文件
loop	<boolean>	false	否	配置动画是否循环播放
autoplay	<boolean>	true	否	配置动画是否自动播放 (不能动态设置，只能首次设置)

样式

支持通用样式

方法

名称	参数	描述
start	-	播放动画，如果动画正在播放则无效
pause	-	暂停播放动画
resume	-	继续播放动画
stop	-	停止播放动画

事件

名称	参数	描述
animationEnd	-	在一轮动画播放完毕或停止播放后，触发此回调

示例代码

<template>
  <div>
    <animated-vector
      id="xml_id"
      src="common/xml/ex.xml"
      @animationEnd="animationEnd"
    ></animated-vector>
  </div>
</template>
<script>
  export default {
    animationEnd() {
      prompt.showToast({
        message: 'animation end!',
      })
    },
    start() {
      this.$element('xml_id').start()
    },
    pause() {
      this.$element('xml_id').pause()
    },
    resume() {
      this.$element('xml_id').resume()
    },
    stop() {
      this.$element('xml_id').stop()
    },
  }
</script>