基本的 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
属性用于定义要定位的元素。
结果: