android - Android 中的动画矢量资源路径(线、弧、...)

Question

假设我有一条线，我想为这条线设置动画，首先线是隐藏的，经过一点一点的线出现并完成后，我的问题是在 Android 中可以做到这一点还是我必须使用 Adob​​e After Effect？
更新 :

<svg 
version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve" viewBox="0 0 500 400">     

<style type="text/css">
    .st0{fill:none;
    stroke:#009CA7;
    stroke-width:7;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;}
</style>
   <path class="st0" d="M10,140 C10,90,70,20,140,20 s110,40,110,40"/>
   <path class="st0" d="M210,260 l-1,-120 c0,-30,-30,-60,-70,-60 s-70,25,-70,60 v240"/>
</svg> 

Answer 1

AnimateVectorDrawable 使用 trimPath* 属性

VectorDrawable <path>元素具有三个属性，可让您指定应绘制路径的哪个部分。

见:https://developer.android.com/reference/android/graphics/drawable/VectorDrawable.html

android:trimPathStart

The fraction of the path to trim from the start, in the range from 0 to 1. Default is 0.

android:trimPathEnd

The fraction of the path to trim from the end, in the range from 0 to 1. Default is 1.

android:trimPathOffset

Shift trim region (allows showed region to include the start and end), in the range from 0 to 1. Default is 0.

您需要做的就是创建一个 AnimatedVectorDrawable 动画化这些属性中的一个或多个。很可能，您只需要动画 trimPathEnd .

如果您不想创建 AnimatedVectorDrawable自己提交文件，有一些库可以帮助解决这个问题。例如: https://github.com/tarek360/RichPath

路径追踪

或者，如果您想使用 SVG，您可以使用 Romain Guy 描述的技术。

http://www.curious-creature.com/2013/12/21/android-recipe-4-path-tracing/

还有一些图书馆可以为您完成繁重的工作:
例如。 https://github.com/geftimov/android-pathview