Android动画之帧动画(Frame动画)

Android动画

1. View Animation 视图动画（Tween Animation 补间动画），只能用来设置View的动画
2. Drawable Animation 帧动画（Frame动画），一帧帧地显示资源文件中的Drawable
3. Property Animation 属性动画，在android3.0以上的系统才有。这动画可以设置给任何的Object，包括那些还没有渲染到屏幕的view.

为什么要引入属性动画？

1. 补间动画只能够作用在View上的
2. 补间动画只能够实现移动、缩放、旋转和淡入淡出这四种动画操作，不能改变View的背景等
3. 补间动画只是改变了View的显示效果而已，而不会真正去改变View的属性

什么是帧动画（Frame动画）

Frame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧动画。

Frame动画可以被定义在XML文件中，也可以完全编码实现。

使用Java实现

Android中实现帧动画，一般会用AnimationDrawable，然后调用器的start()开启或者stop()停止动画。

 AnimationDrawable mAnimationDrawable = new AnimationDrawable(); mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_1, null), 200); mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_2, null), 200); mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_3, null), 200); mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_4, null), 200); mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_5, null), 200); mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_6, null), 200); //设置是否旋转1次（true）还是无数次（false） mAnimationDrawable.setOneShot(false); mAnimationDrawable.start(); imageView.setImageDrawable(mAnimationDrawable); 

PS: loading_1等是动画的一帧。

//启动动画 mAnimationDrawable.start(); //停止动画 mAnimationDrawable.stop(); //判读动画是否在运行 mAnimationDrawable.isRunning(); 

使用xml实现

动画布局 frame_loading.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/loading_1" android:duration="150" /> <item android:drawable="@drawable/loading_2" android:duration="150" /> <item android:drawable="@drawable/loading_3" android:duration="150" /> <item android:drawable="@drawable/loading_4" android:duration="150" /> <item android:drawable="@drawable/loading_5" android:duration="150" /> <item android:drawable="@drawable/loading_6" android:duration="150" /> <!-- android:oneshot="false"：设置动画是否只播放一次，true：只播放一次，false：循环播放。 android:duration="150"：相隔两张图片播放时间间隔。单位/毫秒。 --> </animation-list> 

使用上面frame_loading.xml存在两种方式，一种是纯xml实现，另外一种还是依赖于Java代码。

纯xml实现

<ProgressBar android:layout_above="@id/main_iv_loading" android:layout_width="80dp" android:layout_height="80dp" android:layout_gravity="center_vertical" android:indeterminateDrawable="@drawable/frame_loading" /> 

使用上面的就会自动旋转了。

缺点就是不可控制。

依赖Java代码实现

<ImageView android:id="@+id/main_iv_loading" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:background="@drawable/frame_loading" /> 

这个需要代码中控制

 AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground(); if (animationDrawable.isRunning()) { animationDrawable.stop(); } else { animationDrawable.start(); } 

小心陷阱

陷阱一

# 如果ImageView中使用了background加载动画 android:background="@drawable/frame_loading" # 那么代码中需要使用getBackground()获取 AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground(); 

陷阱二

# 如果ImageView中使用了src加载动画 android:src="@drawable/frame_loading" # 那么代码中需要使用getDrawable()获取 AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable(); 

帧动画使用注意事项

1. 使用帧动画，不建议添加太大的图片，因为这很容易导致 OOM。

参考文章

1. 《Android 逐帧动画（ Drawable 动画），这一篇就够了》
2. 《Android 动画之帧动画 》