学习Android动画小结

一款App想与用户之间产生的更多的互动，那么就表现在它是否具备很多超炫的动画效果。  

今天对android系统自带的动画小小的学习运用了一下，在此我就个人的学习经验小总结一下。

首先我们应该了解Android下三种常用的动画分别是：

• Tween Animation 补间动画
• Frame Animation 帧动画

• Property Animation 属性动画

  其中Tween Animation 又分为常用的四种：

• ScaleAnimation 缩放动画
• RotateAnimation 旋转动画
• TranslateAnimation 平移动画
• AlphaAnimation 渐变动画
  
  这4中动画分别都有两种实现方式：一种是纯代码形势，一种是在res目录下新建anim目录（res/anim），下面就是最简单的实现方式：

方式一配置xml文件实现
都是通过AnimationUtils这个工具类loadAnimation实现的，如下：

   Animation animation=
                    AnimationUtils.loadAnimation(
                    this,
                    R.anim.continue_anim);
            view.startAnimation(animation);

• ScaleAnimation 缩放动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale  android:duration="2000" android:fillAfter="false" android:fromXScale="0.0" android:fromYScale="0.0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toXScale="1.0" android:toYScale="1.0" />

</set>

• RotateAnimation 旋转动画

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

    <rotate  android:duration="1000" android:fromDegrees="0" 开始旋转的角度 android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" pivotX, pivotY均为50%表示以自身为中心旋转 android:toDegrees="-360" />
<--toDegrees属性的正负值决定了旋转的方向-->
</set>

• TranslateAnimation 平移动画

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

    <translate  android:duration="1000" 动画持续时间(ms) android:fromXDelta="0" 开始的x坐标 android:fromYDelta="0" 开始的y坐标 android:toXDelta="100" 结束的x坐标 android:toYDelta="-100" 结束的y坐标 android:interpolator="@android:anim/cycle_interpolator" 插值器可以让动画按照一定的频率运动，实现加速、加速、重复、回弹等效果。具体可以alt+/自己一个个测试一下 />

</set>

• AlphaAnimation 渐变动画

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

    <alpha  android:duration="500" android:fromAlpha="0.0" android:toAlpha="1.0" >
    </alpha>

</set>

方式二纯代码实现

• ScaleAnimation 缩放动画

ScaleAnimation scaleAnimation=new ScaleAnimation(0.5f, 1.0f ,0.5f, 1.0f);
            scaleAnimation.setRepeatMode(TRIM_MEMORY_BACKGROUND);
            scaleAnimation.setDuration(1000);
            view.startAnimation(scaleAnimation);

• RotateAnimation 旋转动画

RotateAnimation rotateAnimation = 
new RotateAnimation(0f, 360f, 
Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(1000);
view.startAnimation(rotateAnimation);

• TranslateAnimation 平移动画

TranslateAnimation translateAnimation=
                         new TranslateAnimation(
                                 Animation.RELATIVE_TO_SELF,
                                 1.0f,
                                 Animation.RELATIVE_TO_SELF,
                                 0f,
                                 Animation.RELATIVE_TO_SELF,
                                 1.0f, 
                                 Animation.RELATIVE_TO_SELF, 
                                 0f);
                                   translateAnimation.setDuration(1000);
                    view.startAnimation(translateAnimation);

• AlphaAnimation 渐变动画

 AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1.0f);
                alphaAnimation.setDuration(1000);
                view.startAnimation(alphaAnimation);

Frame Animation 帧动画
在drawable目录下放入不同帧的图片资源，然后创建一个.xml的资源文件在animation-list 标签中嵌套多个item实现

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@drawable/one"
        android:duration="500"/>
    <item
        android:drawable="@drawable/two"
        android:duration="500"/>
    .......
</animation-list> 

代码中 直接view.setXXXResource(R.drawable.anim_xxx);

Property Animation 属性动画
属性动画是真正改变view自身的性质的动画，为了兼容低版本我们一般用nineoldandroids-2.4.0.jar来实现我们想要的效果，像ViewHelper，ViewPropertyAnimator等类提供了强大的get和set方法。具体用法自己琢磨。

还有几个动画效果

Intent intent=new Intent(mContext,Test.class);
            startActivity(intent);
//下面这个行代码可以实现界面在切换的时候各种动画效果，也叫做转场动画吧，其中R.anim.in和R.anim.out是在res/anim下的两个xml文件  overridePendingTransition(R.anim.in,R.anim.out);

in.xml 进入新的界面执行的动画。

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

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

        <alpha  android:duration="1000" android:fromAlpha="0" android:toAlpha="1.0" />


       <rotate  android:duration="1000" android:fromDegrees="0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="0%" android:pivotY="100%" android:toDegrees="-360" />


    <translate  android:duration="1000" android:fromXDelta="100%" android:fromYDelta="100%" android:interpolator="@android:anim/cycle_interpolator" android:toXDelta="0" android:toYDelta="0" />

</set>

out.xml 退出当前界面执行的动画。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" android:zAdjustment="top" >

    <scale  android:duration="@android:integer/config_mediumAnimTime" android:fromXScale="1.0" android:fromYScale="1.0" android:pivotX="50%p" android:pivotY="50%p" android:toXScale="0.1" android:toYScale="0.1" />

    <alpha  android:duration="@android:integer/config_mediumAnimTime" android:fromAlpha="1.0" android:toAlpha="0" /> 
    <rotate  android:duration="1000" android:fromDegrees="0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="100%" android:pivotY="0%" android:toDegrees="360" />

    <!-- <translate android:duration="1000" android:fromXDelta="0" android:fromYDelta="0" android:startOffset="1000" android:toXDelta="100%" android:toYDelta="100%" android:interpolator="@android:anim/cycle_interpolator" /> -->

</set>

还有一种给ListView或GridView用的LayoutAnimationController
该类的三个常量分别：

• ORDER_NORMAL 按顺序填充条目
• ORDER_RANDOM 随机填充条目
• ORDER_REVERSE 倒序填充条目

    mlistView.setAdapter(adapter);
LayoutAnimationController mLac=
  newLayoutAnimationController(
  AnimationUtils.loadAnimation(
  this, R.anim.zoom_in)); mLac.setOrder(LayoutAnimationController.ORDER_NORMAL); 
        mlistView.setLayoutAnimation(mLac);
        mlistView.startLayoutAnimation();

OK，也就这样了，下班走起。