Android动画学习

朴灿烈づ我的快乐病毒、 2022-09-21 14:22 111阅读 0赞

动画的使用会使我们应用的交互性更友好，Android提供了三种动画，分别是：View动画、帧动画以及属性动画。①View动画是通过对某个对象不断地做图像变换（支持四种变换：平移、缩放、旋转、透明度）从而产生动画效果。②帧动画通过顺序播放一系列图像从而产生动画效果，相当于放电影一帧一帧的播放。③属性动画是API 11引入的新特性，功能更加强大，在低版本中无法使用，当然可以使用兼容库来使用它。

一、View动画

View动画支持平移动画、缩放动画、旋转动画和透明度动画四种，这四种动画对应着Animation 的四个子类：TranslateAnimation、ScaleAnimation、RotateAnimation和AlphaAnimation，它们对应的xml标签是<translate>、<scale>、<rotate>和<alpha>，主要使用参数如下：

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

View动画可以是单个动画也可以是由一系列动画组成，<set>表示动画集合。

android:fromAlpha="float"    表示开始透明度  
android:toAlpha="float"

android:fromXScale="float"    X轴缩放起始值  
android:fromYScale="float"    Y轴方向起始值   
android:pivotX="float"             缩放中心点x坐标  
android:pivotY="float"            缩放中心点Y坐标  
android:toXScale="float"        X轴结束值  
android:toYScale="float"       Y轴结束值

android:fromXDelta="float"     X起始值    
android:fromYDelta="float"     Y起始值     
android:toXDelta="float"         X结束值    
android:toYDelta="float"        Y结束值

android:fromDegrees="float"       旋转开始的角度  
android:pivotX="float"              旋转中心X坐标  
android:pivotY="float"              旋转中心Y坐标  
android:toDegrees="float"      旋转结束的角度

android:interpolator="@android:anim/accelerate\_decelerate\_interpolator“    设置动画的差值器   
android:shareInterpolator="true"                           表示该动画集合是否共享一个差值器

除了以上这些主要属性外，还有duration：表示动画持续时间，fillAfter：表示动画结束以后是否停留在动画结束位置等等。

**注意这几个的取值问题：**

fromXScale/fromYScale：起始的X（Y）方向上相对自身的缩放比例，浮点值，比如1.0代表无变化，0.5表示为自身的0.5倍，2.0表示自身的两倍。

pivotX/pivotY：缩放起点X（Y）轴坐标，取值可以是具体数值，百分数，百分数p这三种形式。例如：100表示相对当前view的左上角加上100px作为起始点，50%表示在当前控件的左上角加上自己宽度的50%作为起始点，50&p表示在当前view的左上角加上父控件的宽度的50%作为起始点。

fromXDelta/fromYDelta：取值类型与pivotX/pivotY相同。

如何使用View动画：

1、使用XML文件：

①\#scale\_anim

<?xml version="1.0" encoding="utf-8"?>
    <scale xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="2000"
        android:fromXScale="0.3"
        android:fromYScale="0.3"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:pivotY="50%"
        android:pivotX="50%"
        android:interpolator="@android:anim/linear_interpolator"
        android:toXScale="1"
        android:toYScale="1.6" />

②\#translate\_anim

<?xml version="1.0" encoding="utf-8"?>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="2000"
        android:fromXDelta="-100%"
        android:fromYDelta="-100%"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXDelta="0"
        android:toYDelta="0"/>

③\#rotate\_anim

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

④\#alpha\_anim

<?xml version="1.0" encoding="utf-8"?>
    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="2000"
        android:fromAlpha="0"
        android:interpolator="@android:anim/linear_interpolator"
        android:toAlpha="0.7" />

在java代码中使用类AnimationUtils的静态方法loadAnimation加载动画，调用view的startAnimation方法播放动画，当然这些动画可以使用<set>标签进行组合来达到其他效果。

Animation animation = AnimationUtils.loadAnimation(getContext(),R.anim.alpha_anim);
            button.startAnimation(animation);

2、通过代码来应用：

例如：

AlphaAnimation alphaAnimation = new AlphaAnimation(0.3f,1);
            alphaAnimation.setDuration(1000);
            button.startAnimation(alphaAnimation);

注意：View动画是对View的影像做动画，并不是真正的改变view的状态，因此有的时候会出现动画完成后View无法隐藏的现象，就是说setVisibility（View.GONE）方法不起总用，此时只需要调用view.clearAnimation()方法清除View动画就可以解决这个问题了。

二、帧动画

帧动画表示顺序播放一组预先定义好的图片，类似电影播放，系统提供了AnimationDrawable来使用帧动画。帧动画的使用比较简单，首先通过XML文件来定义一个AnimationDrawable，例如：

drawable/frame_anim.xml
    <?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:oneshot="true">
        <item android:drawable="@mipmap/a" android:duration="300"/>
        <item android:drawable="@mipmap/b" android:duration="300"/>
        <item android:drawable="@mipmap/c" android:duration="300"/>
    </animation-list>

<pre name="code" class="html">android:oneshot  为true表示动画只播放一次，为false表示一直播放

animation_view.clearAnimation();
    animation_view.setBackgroundResource(R.drawable.frame_anim);
    AnimationDrawable drawable = (AnimationDrawable)animation_view.getBackground();
    drawable.start();

帧动画在使用时要注意使用的图片不要太大否则可能会引起OOM异常。