2

AnimatedVectorDrawable

我想知道自动制作VectorDrawable如果能在Android的创建两个矢量绘图资源,并且从第一矢量动画,它会自动的第二个。有没有办法通过设置开始和结束向量

喜欢的东西ViewTransitonTransitionManager.go

+1

答案在很大程度上是没有;你需要自己构建特定的动画。我只知道一个自动化的工具:VectAlign https://github.com/bonnyfone/vectalign,但你会得到不同的结果。 –

回答

5

你有一个绘制矢量(@绘制/ vector.xml):

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:viewportWidth="170" 
    android:viewportHeight="170" 
    android:width="500dp" 
    android:height="500dp"> 
    <path 
     android:name="my_vector_path" 
     android:fillColor="#FF000000" 
     android:pathData="M85,40 
          c10,0 20,0 30,0 
          c0,-5 -10,-20 -30,-20 
          c-20,0 -30,15 -30,20 
          c10,0 20,0 30,0" 
    /> 
</vector> 

创建动画矢量(@绘制/ animated_vector.xml) :

<?xml version="1.0" encoding="utf-8"?> 
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android" 
       android:drawable="@drawable/vector" > 
    <target 
     android:name="my_vector_path" 
     android:animation="@anim/vector_animation" 
    /> 
</animated-vector> 

创建动画通货膨胀(@阿尼姆/ vector_animation.xml):

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <objectAnimator 
     android:duration="2000" 
     android:propertyName="pathData" 
     android:valueType="pathType" 
     android:valueFrom="M85,40 
          c10,0 20,0 30,0 
          c0,-5 -10,-20 -30,-20 
          c-20,0 -30,15 -30,20 
          c10,0 20,0 30,0" 
     android:valueTo="M108,35 
         c5.587379,-6.7633 9.348007,-16.178439 8.322067,-25.546439 
         c-8.053787,0.32369 -17.792625,5.36682 -23.569427,12.126399 
         c-5.177124,5.985922 -9.711121,15.566772 -8.48777,24.749359 
         c8.976891,0.69453 18.147476,-4.561718 23.73513,-11.329308"/> 
</set> 

动画包含矢量路径的fromto值。

最后,在代码中,启动动画:

ImageView imageView = (ImageView) findViewById(R.id.image_view); 
AnimatedVectorDrawable animatedVectorDrawable = 
     (AnimatedVectorDrawable) getDrawable(R.drawable.animated_vector); 
imageView.setImageDrawable(animatedVectorDrawable); 
animatedVectorDrawable.start(); 
相关问题