Android帧动画与补间动画

动画

帧动画

Drawable Animation, frame Animation 类似于电影胶片，一组图片快速的播放，显示出来一个动画效果

官方的API文档

使用： 

1. 在项目中的res文件夹下的drawable放置帧动画的资源文件，创建一个xml资源文件，XML文件包含一个< animation-list >元素作为根节点和一系列子< item >节点,每个定义一个框架:框架和框架的可拉的资源持续时间。下面是一个示例XML文件为可拉的动画， 

指定android:oneshot=""表示设置循环 为true表示开启循环，为false表示不循环:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="true">
<item android:drawable="@drawable/rocket_thrust1"
表示当前这幅画面停留的时间
android:duration="200" />
<item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
<item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
</animation-list>

2.代码中播放动画

setContentView(R.layout.activity_main);
iv = (ImageView) findViewById(R.id.iv);
iv.setBackgroundResource(R.drawable.girl);
//获取到动画资源对象
girlAnimation = (AnimationDrawable) iv.getBackground();//可能在子线程花费时间。
girlAnimation.start();
new Thread(){
public void run() {
try {
Thread.sleep(1);
} catch (InterruptedException e) {
e.printStackTrace();
}

};
}.start();

补间动画

private ImageView iv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iv = ((ImageView) findViewById(R.id.iv));
}

/**
* 透明度
*
* @param v
*/
public void alpha(View v) {
//获取透明度动画对象,参数是从哪个透明度到哪个透明度 0完全透明 1.0
AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1.0f);
//设置持续时间
alphaAnimation.setDuration(2000);
//设置重复次数
alphaAnimation.setRepeatCount(5);
//设置循环播放模式 ResTaRT 重头播放
//Reverse 倒叙播放
alphaAnimation.setRepeatMode(Animation.RESTART);
//设置动画
iv.startAnimation(alphaAnimation);
}

/**
* 旋转
*
* @param v
*/
public void rotate(View v) {
//构造方法参数：开始的角度 结束的角度
RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
ra.setDuration(2000);
ra.setRepeatCount(5);
iv.startAnimation(ra);
}

/**
* 位移
*
* @param v
*/
public void trans(View v) {
TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.5f);
ta.setRepeatCount(5);
ta.setDuration(2000);
iv.startAnimation(ta);
}

/**
* 缩放
*
* @param v
*/
public void scale(View v) {
//参数：开始的x的比例，开始的y比例，缩放的x类型，缩放的中心点x，y的类型，缩放的中心点y
ScaleAnimation sa = new ScaleAnimation(0, 0.5f, 0, 0.5f, Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0.5f);
sa.setRepeatCount(5);
sa.setDuration(2000);
//设置播放前后的效果,注意，这里会覆盖，只会生效最后设置的
sa.setFillAfter(true);
sa.setFillBefore(false);
sa.setRepeatMode(Animation.RESTART);
iv.startAnimation(sa);
}

/**
* 设置动画集合
* @param v
*/
public void setAnimation(View v) {
//动画集合 参数：false 表示先快后慢 true可以自定义动画播放速度
AnimationSet set = new AnimationSet(false);
AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1.0f);
//设置持续时间
alphaAnimation.setDuration(2000);
//设置重复次数
alphaAnimation.setRepeatCount(5);
//设置循环播放模式 ResTaRT 重头播放
//Reverse 倒叙播放
alphaAnimation.setRepeatMode(Animation.RESTART);
//构造方法参数：开始的角度 结束的角度
RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
ra.setDuration(2000);
ra.setRepeatCount(5);
ScaleAnimation sa = new ScaleAnimation(0, 0.5f, 0, 0.5f, Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0.5f);
sa.setRepeatCount(5);
sa.setDuration(2000);
//设置播放前后的效果,注意，这里会覆盖，只会生效最后设置的
sa.setFillAfter(true);
sa.setFillBefore(false);
sa.setRepeatMode(Animation.RESTART);
TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.5f);
ta.setRepeatCount(5);
ta.setDuration(2000);
set.addAnimation(alphaAnimation);
set.addAnimation(ra);
set.addAnimation(sa);
set.addAnimation(ta);
iv.startAnimation(set);

}

xml定义补间动画

动画一般都是需要复用的，我们可以在res文件夹下定义一个动画的文件夹anim 

在anim文件夹下可以创建我们的动画xml文件 alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:fromAlpha="0"
android:toAlpha="1.0"
android:duration="2000"
android:repeatCount="2"
android:repeatMode="reverse" >
</alpha>

rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%p"
android:pivotY="50%p"
android:duration="2000"
android:repeatCount="2"
android:repeatMode="reverse"
>

</rotate>

scale.xml

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="0.1"
android:toXScale="2.0"
android:fromYScale="0.1"
android:toYScale="2.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="2000"
android:repeatCount="2"
android:fillAfter="true"
android:repeatMode="reverse" >

</scale>

set.xml

<?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="2000" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:repeatCount="2" android:repeatMode="reverse" android:toDegrees="360"
>

<scale
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fillAfter="true"
android:fromXScale="0.1"
android:fromYScale="0.1"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="2"
android:repeatMode="reverse"
android:toXScale="2.0"
android:toYScale="2.0" >
</scale>

<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fromXDelta="-50%p"
android:fromYDelta="-50%p"
android:repeatCount="2"
android:repeatMode="reverse"
android:toXDelta="50%p"
android:toYDelta="50%p" >
</translate>
</set>

trans.xml

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
这里加p表示parent相对于父亲
android:fromXDelta="-50%p"
android:toXDelta="50%p"
android:fromYDelta="-50%p"
android:toYDelta="50%p"
android:duration="2000"
android:repeatCount="2"
android:repeatMode="reverse"
>

</translate>

书写动画的xml语法就是： 

创建相应的动画 动画节点下 android:动画的属性名= value
代码中加载动画文件：

Animation aa = AnimationUtils.loadAnimation(this, R.anim.alpha);
iv.startAnimation(aa);