基本的 AnimatedVectorDrawable

AnimatedVectorDrawable 至少需要 3 个组件:

  • 一个将被操作的 VectorDrawable
  • 一个 objectAnimator,它定义了要改变的属性和方式
  • AnimatedVectorDrawable 本身将 objectAnimator 连接到 VectorDrawable 以创建动画

下面创建一个三角形,将其颜色从黑色转换为红色。

VectorDrawable,文件名:triangle_vector_drawable.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">

    <path
        android:name="triangle"
        android:fillColor="@android:color/black"
        android:pathData="M0,24 l12,-24 l12,24 z"/>

</vector>

objectAnimator,文件名:color_change_animator.xml

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="fillColor"
    android:duration="2000"
    android:repeatCount="infinite"
    android:valueFrom="@android:color/black"
    android:valueTo="@android:color/holo_red_light"/>

AnimatedVectorDrawable,文件名:triangle_animated_vector.xml

<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/triangle_vector_drawable">

    <target
        android:animation="@animator/color_change_animator"
        android:name="triangle"/>

</animated-vector>

请注意,<target> 指定 android:name="triangle",它与 VectorDrawable 中的 <path> 相匹配。VectorDrawable 可能包含多个元素,android:name 属性用于定义要定位的元素。

结果:

https://i.stack.imgur.com/4j17r.gif