Инструменты для создания AnimatedVectorDrawable

Мне очень нравятся возможности AnimatedVectorDrawable, добавленные в Android. Любые хорошие инструменты для создания таких анимаций?

например. Любые инструменты для создания анимации как описано здесь: enter image description here

EDIT:

до сих пор я нашел эти инструменты (которые помогают мало):

13
android android-animation android-vectordrawable material-design

2 ответов

найдено два удивительных сайта. AndroidIconAnimator, это веб-инструмент для создания AnimatedVectorDrawables. И оборотень, хороший контроль над тем, как превращать пути.

обновление 07-09-2017

оба инструмента теперь объединены в одно действительно хорошее решение. Мне потребовалось время, чтобы понять, как его использовать, но как только вы его увидите, это очень способный инструмент

оборотень.дизайн

Спасибо 2 Роман Нурик И Алекс Локвуд.

14

этот вопрос старый. Мой ответ может помочь будущим читателям.

Это очень просто для создания анимации, как показано на вопроснике. Мы сами можем создавать анимации, как показано. Во-первых, создать VectorDrawable. Например, ниже:

my_Vector_drawable.в XML

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

    <path
        android:name="a_circle"
        android:pathData="M  250   200
        q   -86     02    -140     57.5
        t   -57    135.5
        q   -03     93      67    156
        q    59     52     135     50
        q    71    -02     132    -54
        q    66    -56      66   -146
        q    00    -80     -45   -129
        q   -68    -72    -158    -70   "

        android:strokeLineCap="round"
        android:strokeColor="#f00f"
        android:fillColor="#00000000"
        android:trimPathEnd="0"
        android:strokeWidth="32"/>



</vector>

my_animated_vector_drawable.в XML

<?xml version="1.0" encoding="utf-8"?>
<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:drawable="@drawable/my_vector_drawable">

    <target
        android:name="a_circle"
        android:animation="@animator/my_animation"/>

</animated-vector>



my_animation.xml

    <?xml version="1.0" encoding="utf-8"?>
    <set
        xmlns:android="http://schemas.android.com/apk/res/android">
        <objectAnimator
            android:propertyName="trimPathEnd"
            android:duration="1000"
            android:valueFrom="0"
            android:valueTo="1"
            android:repeatCount="0"
            android:repeatMode="restart"/>
    </set>

первый файл содержит данные изображения. Третий файл содержит данные анимации. Второй файл ссылки первый и второй.

вы можете создать три пустых файла. Скопируйте и вставьте содержимое, указанное выше, в ваши файлы.

вы помещаете первые два файла в папку drawable. Третье место в папке "аниматор". Обе эти папки находятся в папке res.

вы можете создать файл макета с ImageView в нем. Вы можете дать файл AnimatedVectorDrawable как drawable (android:src="my_animated_vector_drawable").

в вашей деятельности установите вид содержимого на макет. Также, надуть книги.

(myImage=((ImageView)findViewById(R.id.yourimageview name);
myImage.getDrawable.start():

тогда увидеть удовольствие. В файле AnimatedVectorDrawable может быть несколько целей. Вы можете иметь несколько ObjectAnimators в файле анимации в разделе set...

анимация, показанная в вашем вопросе, - это морфинг пути. Даже пример морфинга пути есть в документации, которая также проста. Я предоставляю вам экспериментировать.

1