android ImageView 播放动画

最近要做一个loading的动画，刚开始使用gif图做，但是gif图效果不好，播放速度太慢，后来通过ImageView一帧一帧的播放。

首先上几张图：

Animation-List

Animation-list是帧动画的默认选择，我们在drawable文件夹下创建一个my_animation_list.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
  <item android:drawable="@drawable/a0" android:duration="100"/>
  <item android:drawable="@drawable/a1" android:duration="100"/>
  <item android:drawable="@drawable/a2" android:duration="100"/>
  <item android:drawable="@drawable/a3" android:duration="100"/>
  <item android:drawable="@drawable/a4" android:duration="100"/>

</animation-list>

android:oneshot="false"表示循环播放，如果为true就只会拨一次。

然后在布局文件中添加一个ImageView，ImageView背景设为my_animation_list

 <ImageView
      android:id="@+id/image_view"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/animation_list_filling"
      />

播放

播放很简单，直接上代码：

 ImageView imageView= (ImageView) findViewById(R.id.image_view);
                ((AnimationDrawable) imageView.getBackground()).start();

属性动画：

帧动画很简单，但是帧动画有个问题就是帧动画如果放的图片过多，容易出现OOM，所以为了保险起见，我们使用属性动画来实现。

首先我们创建Level_list

<?xml version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@drawable/a0" android:maxLevel="1"/>
  <item android:drawable="@drawable/a1" android:maxLevel="2"/>
  <item android:drawable="@drawable/a2" android:maxLevel="3"/>
  <item android:drawable="@drawable/a3" android:maxLevel="4"/>
  <item android:drawable="@drawable/a4" android:maxLevel="5"/>
</level-list>

然后我们自己将ImageView的Level包裹一下，形成Set  Get属性

public class LoadingImageView extends ImageView {
    private int imageLevel = 0;
    private int maxLevel = 5;
    public LoadingImageView(Context context) {
        super(context);
    }

    public LoadingImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public LoadingImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public void setImageLevel(int level) {
        if (this.imageLevel == level)
            return;
        super.setImageLevel(level);
        this.imageLevel = level;
    }

    public int getImageLevel() {
        return imageLevel;
    }

    public void nextLevel() {
        setImageLevel(imageLevel++ % maxLevel);
    }

    public void setMaxLevel(int maxLevel) {
        this.maxLevel = maxLevel;
    }

}

将自定义的ImageView放入布局文件

<com.android.test.main.view.LoadingImageView
                        android:layout_width="75dp"
                        android:layout_height="75dp"
                        android:id="@+id/lark_loading_iv"
                        android:layout_gravity="center"
                        android:layout_marginTop="136dp"/>

自己开始写属性动画

LoadingImageView imageView2= (LoadingImageView) findViewById(R.id.level_image);
        imageView2.setImageResource(R.drawable.level_lists);
        ObjectAnimator headerAnimator= ObjectAnimator.ofInt(imageView2,"imageLevel",1,5);
        headerAnimator.setRepeatCount(ObjectAnimator.INFINITE);
        headerAnimator.setInterpolator(new LinearInterpolator());
        headerAnimator.setRepeatMode(ObjectAnimator.RESTART);
        headerAnimator.setDuration(1000);
        headerAnimator.start();