Android动画之补间动画(Tween Animation)

Android动画一共分为三大类分别为Tween Animation（补间动画）、Frame Animation（逐帧动画）、Propetry Animation（属性动画）。

而补间动画又分为AlphaAnimation（透明动画）, RotateAnimation（旋转动画）, ScaleAnimation（缩放动画）, TranslateAnimation（平移动画）, AnimationSet（组合动画）

补间动画效果既可以用代码形式定义，也可以通过xml语言来定义

AlphaAnimation

// 透明动画
    public void alphaAnimation() {
        // 代码实现
        // AlphaAnimation aa = new AlphaAnimation(0, 1);//0代表完全不透明，1代表完全透明
        // aa.setDuration(1000);//设置动画持续时间
        // ivIcon.startAnimation(aa);
        // 使用xml方式实现
        ivIcon.startAnimation(AnimationUtils.loadAnimation(
                getApplicationContext(), R.anim.alpha));
    }

R.anim.alpha文件：

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0"
    android:toAlpha="1" 
    android:duration="1000">
    <!--
    fromAlpha 动画开始时的透明度0表示完全透明
    toAlpha 动画结束时的透明度1表示完全不透明
    duration 动画持续时间
    -->
</alpha>

RotateAnimation

// 旋转动画
    public void rotateAnimation() {
        // 代码实现
        // 构造方法一，实现360度环绕
        // RotateAnimation ra = new RotateAnimation(0, 360);

        // 构造方法二，实现绕自身中心360度环绕,pivoX,pivoY的单位为像素！pivoX是距离执行动画控件左边缘的距离，pivoY是距离执行动画控件上边缘的距离
        // RotateAnimation ra = new RotateAnimation(0, 360, ivIcon.getWidth() /
        // 2,ivIcon.getHeight() / 2);

        // 构造方法三。实现绕自身中心360度环绕
        // RotateAnimation ra = new RotateAnimation(0, 360,
        // Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        // 0.5f);

        // 设置动画执行时间
        // ra.setDuration(1000);
        // 为ivIcon控件（一个ImageView）设置动画
        // ivIcon.startAnimation(ra);

        // 使用xml方式实现
        ivIcon.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,
                R.anim.rotate));
    }

R.anim.rotate文件:

<?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%"
    android:pivotY="50%"
    android:duration="1000"
    android:repeatCount="infinite"
    android:repeatMode="reverse">

    <!-- 
    fromDegrees:旋转起始角度
    toDegrees:旋转终止角度
    pivotX:可以设置百分比，50%即执行动画控件的宽度的一半，若设置为一个数，则代表距离控件左边缘的距离 
    pivotX:可以设置百分比，50%即执行动画控件的高度的一半，若设置为一个数，则代表距离控件上边缘的距离 
    duration:动画持续时间
    repeatCount:重复次数，设置为-1或infinite代表无限重复
    repeatMode:重复模式,设置为reverse代表，旋转偶数次数时，控件倒转，restart则表示始终是顺时针转动
    -->
</rotate>

ScaleAnimation

// 缩放动画
    public void scaleAnimation() {
        // 代码实现
        // 常用的有三个构造方法,这里的pivoX，pivoY和旋转动画的是一样的，不设置的话默认为左上角
        // 0代表完全缩放，1代表不缩放
        // ScaleAnimation sa = new ScaleAnimation(0, 1, 0, 1,
        // ivIcon.getWidth() / 2, ivIcon.getHeight() / 2);

        // 也可以使用这个构造方法，通rotateAnimation
        // ScaleAnimation sa = new ScaleAnimation(0, 1, 0, 1,
        // Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        // 0.5f);

        // sa.setDuration(1000);
        // ivIcon.startAnimation(sa);

        // xml实现
        ivIcon.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,
                R.anim.scale));
    }

R.anim.scale文件:

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0"
    android:fromYScale="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="1"
    android:toYScale="1" 
    android:duration="1000">

    <!-- 基本同rotateAnimation -->
</scale>

TranslateAnimation

// 平移动画

    public void translateAnimation() {
        // 表示从控件所在位置，向x，y方向移动相应增量
        // TranslateAnimation ta = new TranslateAnimation(0, 200, 0, 200);
        // ta.setDuration(1000);
        // ivIcon.startAnimation(ta);

        // xml方法：
        ivIcon.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,
                R.anim.translate));
    }

R.anim.translate文件:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="200"
    android:toYDelta="200" >

    <!-- 
    toXSelta:x方向上的增量
    toYDelta:y方向上的增量 
    -->
</translate>

AnimationSet

// 组合动画

    public void setAnimation() {
        // AnimationSet as = new AnimationSet(true);
        // as.setDuration(3000);
        //
        // AlphaAnimation aa = new AlphaAnimation(0, 1);
        // aa.setDuration(3000);
        // as.addAnimation(aa);
        //
        // RotateAnimation ra = new RotateAnimation(0, 360,
        // Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        // 0.5f);
        // ra.setDuration(1000);
        // as.addAnimation(ra);
        //
        // ScaleAnimation sa = new ScaleAnimation(0, 1, 0, 1,
        // Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        // 0.5f);
        // sa.setDuration(1000);
        // as.addAnimation(sa);
        //
        // TranslateAnimation ta = new TranslateAnimation(0, 200, 0, 200);
        // ta.setDuration(3000);
        // as.addAnimation(ta);
        //
        // ivIcon.startAnimation(as);

        // xml方法：
        ivIcon.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,
                R.anim.set));

    }

R.anim.set文件:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:shareInterpolator="true" >

    <alpha
        android:duration="3000"
        android:fromAlpha="0"
        android:toAlpha="1" />

    <scale
        android:duration="1000"
        android:fromXScale="0"
        android:fromYScale="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1"
        android:toYScale="1" />

    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" />

    <translate
        android:duration="3000"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="200"
        android:toYDelta="200" />

</set>