Android Basic AnimatedVectorDrawable


Esempio

Un AnimatedVectorDrawable richiede almeno 3 componenti:

  • Un VectorDrawable che verrà manipolato
  • Un objectAnimator che definisce quale proprietà modificare e come
  • AnimatedVectorDrawable stesso che collega objectAnimator a VectorDrawable per creare l'animazione

Di seguito viene creato un triangolo che passa dal colore nero al rosso.

The VectorDrawable , filename: 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>

L' objectAnimator , nomefile: 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 , filename: 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>

Nota che <target> specifica android:name="triangle" che corrisponde al <path> in VectorDrawable . Un VectorDrawable può contenere più elementi e android:name proprietà android:name viene utilizzata per definire quale elemento viene scelto come target.

Risultato:

inserisci la descrizione dell'immagine qui