开发艺术探索之动画

Android动画可以分为三种：View动画、帧动画和属性动画。（帧动画属于View动画的一种，只不过它和平移、旋转等常见的View动画在表现形式上略有不同）View动画通过对场景里的对象不断做图像变换（平移、缩放、旋转、透明度）从而产生动画效果，是一种渐进式动画。帧动画通过顺序播放一系列图像从而产生动画效果，如果图片过大就会导致OOM；属性动画通过动态的改变对象的属性从而达到动态效果（属性动画为API11的新特性，低版本无法直接使用，可以通过兼容库来使用）。

• View动画
  • View动画类型
  • 两种创建方式
  • 两种创建方式的实例【参考文章及其案例：要点提炼|开发艺术之Animation】
  • 自定义View动画
  • 帧动画（Drawable Animation）
• View动画的特殊使用场景
  • LayoutAnnimation：ViewGtoup出场效果
  • Activity出场效果
• 属性动画（Property Animation）

 

View动画

view动画的作用对象是View，支持四种效果，分别是平移动画、缩放动画、旋转动画和透明度动画。四种动画可以通过XML来定义，也可以通过代码来动态创建。（对于View动画来说，建议使用XML来定义，因为XML格式的动画可读性更好）

View动画的四种转换

名称	标签	子类	效果
平移动画	translate	TranslateAnimation	移动View
缩放动画	scale	ScaleAnimation	放大或缩小View
旋转动画	rotate	RotateAnimation	旋转View
透明度动画	alpha	AlphaAnimation	改变View透明度

• View动画既可以是单个动画，也可以有一系列动画组成
• set标签标示动画集合，对应AnimationSet类，可以包含若干个动画，内部可以嵌套其它动画集合
  • 属性interpolator：表示集合中的动画是否和集合共享一个插值器。如果集合不指定插值器, 那么子动画就需要单独制定所需的插值器或者使用默认值。
  • 属性fillAfter：表示动画结束时是否保持动画结束时的状态 
• 四种动画及其属性
  • translate
    • android:fromXDelta：动画起始时X坐标上的位置。
    • android:toXDelta：动画结束时X坐标上的位置。
    • android:fromYDelta：动画起始时Y坐标上的位置。
    • android:toYDelta：动画结束时Y坐标上的位置。
  • scale
    • android:fromXScale动画起始时X坐标上的伸缩尺寸。
    • android:toXScale：动画结束时X坐标上的伸缩尺寸 。
    • android:fromYScale：动画起始时Y坐标上的伸缩尺寸。
    • android:toYScale：属性为动画结束时Y坐标上的伸缩尺寸。
  • rotate（旋转）
    • android:fromDegrees：动画起始时物件的角度 。
    • android:toDegrees：动画结束时物件旋转的角度。（两个属性共同确定旋转方向，原则是：当角度为负数时表示逆时针旋转【负数--正数：顺时针】【负数--负数：逆时针】【正数--正数：顺时针】【正数--负数：逆时针】
    • android:pivotY：动画相对于物件的X坐标的开始位置。
    • android:pivotX：动画相对于物件的Y坐标的开始位置。
  • alpha（透明度：值=0.0 ：表示完全透明，值=1.0 ：表示完全不透明）
    • android:fromAlpha：动画起始时透明度。
    • android:toAlpha动画结束时透明度。

两种创建动画的方式

（均可通过Animation的setAnimationListener(new AnimationListener(){...})给动画添加过程监听，这样在动画开始、结束和每一次循环时都可在回调方法中监听到。）

• 方法一：创建xml，在activity中使用
• 方法二：直接在Activity中创建动画使用动画
• 两种方法的动画过程监听接口

方法一

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true"
    android:fillAfter="true">
    
    <translate
        android:fromXDelta="float"
        android:toXDelta="float"
        android:fromYDelta="float"
        android:toYDelta="float"/>
     <scale
        android:fromXScale="float"
        android:toXScale="float"
        android:fromYScale="float"
        android:toYScale="float"
        android:pivotX="float"
        android:pivotY="float"/>    
     <rotate
        android:fromDegrees="float"
        android:toDegrees="float"
        android:pivotY="float"
        android:pivotX="float"/>
    <alpha 
        android:fromAlpha="float"
        android:toAlpha="float"/>

</set>

Animation animation = AnimationUtils.loadAnimation(this, R.anim.XXX);
mView.startAnimation(animation);

方法二

• 创建TranslateAnimation、RotateAnimation、ScaleAnimation或AlphaAnimation对象。

• 设置创建的动画对象的属性，如动画执行时间、延迟时间、起始位置、结束位置等。

• 通过View.startAnimation()方法开启动画。

动画过程监听接口

• AnimatorListener ：监听动画的开始、结束、取消以及重复播放
• AnimatorUpdateListener ：监听整个动画过程。每播放一帧onAnimationUpdate()就会被调用一次。

public static interface AnimationListener {
        //动画开始        
        void onAnimationStart(Animator animation);
        //动画结束
        void onAnimationEnd(Animator animation);
        //动画重复
        void onAnimationRepeat(Animator animation);
    }

public interface AnimatorUpdateListener {
  void onAnimationUpdate(ValueAnimator var1);//在属性动画的属性值变化是回调。
}

帧动画

帧动画是View动画的一种，它会按照顺序播放一组预先定义好的图片。对应类AnimationDrawable。

• 创建Animation.xml
• 将drawable作为View的背景通过Drawable来播放动画

<?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/drawable1" android:duration="500"/>
    <item android:drawable="@drawable/drawable2" android:duration="500"/>
    <item android:drawable="@drawable/drawable3" android:duration="500"/>
    <item android:drawable="@drawable/drawable4" android:duration="500"/>
</animation-list>

mView.setBackgroundResource(R.drawable.Animation);
AnimationDrawable animationDrawable = (AnimationDrawable)mView.getBackground();
animationDrawable.start();

View动画的特殊使用场景

补充实例：Android动画总结——布局动画、转场动画

View动画还可以在ViewGroup中控制子元素的出场效果及不同Activity之间的切换效果

LayoutAnnimation：ViewGtoup出场效果

LayoutAnnimation作用于ViewGtoup，为ViewGtoup指定一个动画，子元素出厂时都会具有这种效果，通常作用于ListView上

定义LayoutAnnimation：

<layoutAnimation
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="0.5"
    andoroid:animationOrder="normal"
    android:animation="anim/anim_item"
/>

属性

• delay：子元素开始动画的时间延迟（比如子元素动画时间周期是300ms，则0.5带包每个元素都延迟150ms才能播放入场动画）
• animationOrder子元素动画的顺序
  • normal：顺序显示
  • reverse：逆向显示
  • random：随机播放
• animation：指定具体的入场动画

两种使用方式：

• xml里在listView里指定写好的动画xml：layoutAnimation属性="anim/anim_layout"
• Activity里通过LayoutAnimationController来实现

Animaton animation =AimationUtils.LoadAnimation(this,R.anim.anim_item);
LayoutAnimationController controller =new LayoutAnimationController(animation)
controller.setDelay(0.5f);
controller.serOrder(LayoutAnimationController.ORDER_NORMAL);
listview.setLayoutAnimation(controller);

Activity切换效果

...

属性动画

...