Question

我正在编写一个Android应用程序，我想玩一个简单的SVG动画。我知道Android不提供SVG支持;我有什么选择？

Answer 1

从Android Lollipop（API级别21）开始，可以使用AnimatedVectorDrawable实现。

还有一些工具可以帮助设置工具shapeshifter shapeshifter的作者的矢量可绘制An Introduction to Icon Animation Techniques和博客文章的动画。

Answer 2

获取SVG图像并将其转换为VectorDrawable here

将下载的XML文件添加到项目中，看看它的外观。下面是一个为旋转和路径变形动画准备的VectorDrawable示例：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
 android:height="64dp"
 android:width="64dp"
 android:viewportHeight="600"
 android:viewportWidth="600" >
 <group
     android:name="rotationGroup"
     android:pivotX="300.0"
     android:pivotY="300.0"
     android:rotation="45.0" >
     <path
         android:name="v"
         android:fillColor="#000000"
         android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" />
 </group>

3现在创建一个AnimatedVectorDrawable，在其中引用创建的VectorDrawable中的rotationGroup和path morph

<?xml version="1.0" encoding="UTF-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/vectordrawable">
   <target android:name="rotationGroup" android:animation="@anim/rotation" />
   <target android:name="v" android:animation="@anim/path_morph" />
</animated-vector>

4为AnimatedVectorDrawable创建两个动画师：

<objectAnimator
    android:duration="6000"
    android:propertyName="rotation"
    android:valueFrom="0"
    android:valueTo="360" />

和：

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:duration="3000"
        android:propertyName="pathData"
        android:valueFrom="M300,70 l 0,-70 70,70 0,0 -70,70z"
        android:valueTo="M300,70 l 0,-70 70,0  0,140 -70,0 z"
        android:valueType="pathType"/>
 </set>

（也可以在一个文件中定义所有这些，请参阅docs here）

然后启动动画的一种方法是从视图中获取drawable并运行start()。

Answer 3

使用VectorDrawable。如果目标在Lollipop下使用support library。

Android和播放SVG动画

3 个答案: