Android View动画

  Animation框架定义了透明度（AlphaAnimation）、旋转（RotateAnimation）、缩放（ScaleAnimation）和位移（TranslateAnimation）几种常见的动画，并提供了AnimationSet动画集合。实现原理是每次绘图时View所在的ViewGroup中的dispathDraw，流程如下图：

可以看下ViewGroup的drawChild方法，这里开始处理动画机制

/**
 * Draw one child of this View Group. This method is responsible for getting
 * the canvas in the right state. This includes clipping, translating so
 * that the child's scrolled origin is at 0, 0, and applying any animation
 * transformations.
 *
 * @param canvas The canvas on which to draw the child
 * @param child Who to draw
 * @param drawingTime The time at which draw is occurring
 * @return True if an invalidate() was issued
 */
protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
    return child.draw(canvas, this, drawingTime);
}

1、透明度动画

• 代码实现：

AlphaAnimation animation = new AlphaAnimation(0, 1);// 透明度0变化到透明度为1
animation.setDuration(1000);// 动画执行时间1s
textView.startAnimation(animation);

• xml实现：

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <alpha
        android:duration="1000"
        android:fromAlpha="0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:repeatCount="3"
        android:fillAfter="true"
        android:repeatMode="restart"
        android:toAlpha="1" />
</set>

参数	说明
fromAlpha	动画开始时候透明度   0.0表示完全透明
toAlpha	动画结束时候透明度   1.0表示完全不透

2、旋转动画

• 代码实现：

RotateAnimation animation = new RotateAnimation(0, 360, 100, 100);
animation.setDuration(1000);
animation.setFillAfter(true); // 设置保持动画最后的状态
animation.setInterpolator(new AccelerateInterpolator()); // 设置插入器
textView.startAnimation(animation);

还可以通过系统提供参数来控制动画

new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

• xml实现：

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromDegrees="0.0"
    android:interpolator="@android:anim/linear_interpolator"
    android:pivotX="50.0%"
    android:pivotY="50.0%"
    android:repeatCount="infinite"
    android:toDegrees="360.0" />

参数	说明
fromDegrees	为动画起始时的旋转角度，此角度是当前为0及360,设置其他值则先跳至该角度的位置再由from - to的值: 负则正向转,正则反向转
toDegrees	为动画旋转到的角度
pivotXType	为动画在X轴相对于物件位置类型
pivotXValue	为动画相对于物件的X坐标的开始位置，此值是以本身原始位置为原点,即如设为20%p,则向右移动父控件的20%位移,为负数则向左移
pivotYType	为动画在Y轴相对于物件位置类型
pivotYValue	为动画相对于物件的Y坐标的开始位置，此值是以本身原始位置为原点,即如设为20%p,则向下移动父控件的20%位移,为负数则向上移

3、位移动画

• 代码实现：

TranslateAnimation translateAnimation = new TranslateAnimation(0, 200, 0, 200);
translateAnimation.setDuration(1000);
textView.startAnimation(translateAnimation);

• xml实现：

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

    <translate
        android:duration="1000"
        android:fillAfter="true"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:repeatCount="3"
        android:toXDelta="200"
        android:toYDelta="000" />
</set>

参数	说明
fromXDelta	为动画起始时 X坐标上的移动位置
toXDelta	为动画结束时 X坐标上的移动位置
fromYDelta	为动画起始时Y坐标上的移动位置
toYDelta	为动画结束时Y坐标上的移动位置

4、缩放动画

• 代码实现：

ScaleAnimation animation = new ScaleAnimation(0,1,0,1);
animation.setDuration(1000);
textView.startAnimation(animation);

缩放动画也可以设置缩放的中心点

ScaleAnimation animation = new ScaleAnimation(0, 1, 0, 1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

• xml实现：

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:duration="1000"
        android:fillAfter="true"
        android:fillBefore="true"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="-1"
        android:repeatMode="reverse"
        android:startOffset="2000"
        android:toXScale="1.0"
        android:toYScale="1.0"/>
</set>

参数	说明
fromX	为动画起始时 X坐标上的伸缩尺寸  0.0表示收缩到没有
toX	为动画结束时 X坐标上的伸缩尺寸   1.0表示正常无伸缩
fromY	为动画起始时Y坐标上的伸缩尺寸  值小于1.0表示收缩
toY	为动画结束时Y坐标上的伸缩尺寸   值大于1.0表示放大
pivotXType	为动画在X轴相对于物件位置类型
pivotXValue	为动画相对于物件的X坐标的开始位置
pivotXType	为动画在Y轴相对于物件位置类型
pivotYValue	为动画相对于物件的Y坐标的开始位置

5、anim文件使用

Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
textView.startAnimation(animation);

6、动画集合

AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等。

AnimationSet animationSet = new AnimationSet(true);
animationSet.setDuration(1000);

AlphaAnimation alpha=new AlphaAnimation(0,1);
alpha.setDuration(1000);
animationSet.addAnimation(alpha);

TranslateAnimation translate = new TranslateAnimation(100, 200, 0, 200);
translate.setDuration(1000);
animationSet.addAnimation(translate);
textView.startAnimation(animationSet);

7、动画监听

对于动画事件，Android也提供了开始、结束和重复事件的监听方法。

animation.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {
        
    }

    @Override
    public void onAnimationEnd(Animation animation) {

    }

    @Override
    public void onAnimationRepeat(Animation animation) {

    }
});