Android 用于创建动画矢量绘制的工具

我真的很喜欢Android添加的动画矢量绘图功能。 有什么好的工具来创建这样的动画吗

例如，用于创建动画的任何工具：

编辑：

到目前为止，我发现这些工具（有点帮助）：

发现了两个很棒的网站。 AndroidIconAnimator，这是一个基于web的工具，用于创建动画矢量绘图。和变形器，很好地控制如何变形路径
2017年9月7日更新
这两种工具现在都合并到一个非常好的解决方案中。我花了一些时间才明白如何使用它，但一旦你看到它，它是一个非常有能力的工具

---

谢谢罗曼·努里克和亚历克斯·洛克伍德
这个问题由来已久。我的回答可能对未来的读者有所帮助
创建类似提问者所示的动画非常简单。我们可以自己创建动画，如图所示。首先，创建一个可矢量绘制的。例如：
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>

<?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>

那就看看好玩的地方。在AnimatedVectorDrawable文件中可以有多个目标。在“设置”下的动画文件中可以有多个ObjectAnimator

---

问题中显示的动画是路径变形。即使路径变形示例也在文档中，这也很简单。我把它留给你去试验。
你可以使用Airbnb的洛蒂图书馆。它使得在After Effects中将动画设计路径传送到适用于android的动画矢量绘图工具。我认为这将是最好的解决方案，如果你有一个体面的技能，动画矢量路径的后效，因为灵活性
下面是一个视频，描述了转换和渲染的整个过程
一些使用乐蒂设计的动画图标。
布局中使用的动画图标

---

您希望生成特定的矢量可绘制图形，还是只使用svg变形路径就可以了？是的，专门用于变形路径。我可以创建svg，我可以对齐它们，但变形看起来仍然不自然。罗曼·努里克和我正计划将我们的两个项目合并在一起（我是制作Shape Shifter、罗曼制作Android图标动画师的人），所以请继续关注。：）关于shape.shifter的很酷的教程：谢谢，但是我更喜欢shapeshifter.design，当我需要5+个向量来单独制作动画时。谢谢你的输入。然而，我是一名（爱好）开发人员，希望远离Adobe的解决方案。

<?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>

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