android动画之帧动画（drawable animation）和补间动画（view animation）

最新推荐文章于 2024-04-09 01:16:50 发布

songsongbrother

最新推荐文章于 2024-04-09 01:16:50 发布

阅读量1.1k

点赞数 1

分类专栏： android 动画文章标签： android 动画

本文链接：https://blog.csdn.net/xiangxi101/article/details/50409322

版权

android 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

动画

2 篇文章 0 订阅

订阅专栏

帧动画
drawable animation使用比较简单，而且支持市场上所以API版本，下面简单贴下代码。帧动画，就像GIF图片，通过一系列Drawable依次显示来模拟动画的效果。

直接代码贴上
xml资源文件配置

<?xml version="1.0" encoding="utf-8"?>
<!--
    根标签为animation-list
    XML文件要放在/res/drawable目录下
    其中oneshot代表着是否只展示一遍，设置为false会不停的循环播放动画根标签下，通过item标签对动画中的每一个图片进行声明
    android:duration 表示展示所用的该图片的时间长度
 -->
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item
        android:drawable="@mipmap/ic_launcher1"
        android:duration="150"></item>
    <item
        android:drawable="@mipmap/ic_launcher2"
        android:duration="150"></item>
    <item
        android:drawable="@mipmap/ic_launcher3"
        android:duration="150"></item>
    <item
        android:drawable="@mipmap/ic_launcher4"
        android:duration="150"></item>
</animation-list>

主要方法

/**
     * android中的逐帧动画.
     * 逐帧动画的原理很简单，跟电影的播放一样，一张张类似的图片不停的切换，当切换速度达到一定值时，
     * 我们的视觉就会出现残影，残影的出现保证了视觉上变化的连续性，这时候图片的切换看在我们眼中就跟真实的一样了。
     * 想使用逐帧动画：
     * 第一步：需要在res/drawable文件夹下新建一个xml文件，该文件详细定义了动画播放时所用的图片、切换每张图片
     * 所用的时间、是否为连续播放等等。(有些文章说，在res/anim文件夹下放置该文件，事实证明，会出错哦)
     * 第二步：在代码中，将该动画布局文件，赋值给特定的图片展示控件，如本例子中的ImageView。
     * 第三步：通过imageView.getBackGround()获取相应的AnimationDrawable对象，然后通过该对象的方法进行控制动画
     *
     * @param targetButton
     */
    public void test2(ImageView targetButton) {
        // 获取AnimationDrawable对象
        targetButton.setBackgroundResource(R.drawable.test);
        AnimationDrawable animationDrawable = (AnimationDrawable) targetButton.getBackground();

        // 动画是否正在运行
        if (animationDrawable.isRunning()) {
            //停止动画播放
            animationDrawable.stop();
        } else {
            //开始或者继续动画播放
            animationDrawable.start();
        }
    }

帧动画结束了，下面开始补间动画

补间动画
用xml资源文件实现，资源文件全部放入Android项目的res/anim/目录下。

目前Android应用框架支持的补间动画效果有以下5种。具体实现在android.view.animation类库中。
1.AlphaAnimation：透明度（alpha）渐变效果，对应标签。
2.TranslateAnimation：位移渐变，需要指定移动点的开始和结束坐标，对应标签。
3.ScaleAnimation：缩放渐变，可以指定缩放的参考点，对应标签。
4.RotateAnimation：旋转渐变，可以指定旋转的参考点，对应标签。
5.AnimationSet：组合渐变，支持组合多种渐变效果，对应标签。

重要的xml资源文件贴上

<alpha xmlns:android="http://schemas.android.com/apk/res/android"  
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
    android:fromAlpha="1.0"  
    android:toAlpha="0.1"  
    android:duration="2000"/>  
 <!--   
 fromAlpha :起始透明度  
 toAlpha:结束透明度  
 1.0表示完全不透明  
 0.0表示完全透明  
  -->

<rotate xmlns:android="http://schemas.android.com/apk/res/android"  
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
    android:fromDegrees="0"  
    android:toDegrees="360"  
    android:duration="1000"  
    android:repeatCount="1"  
    android:repeatMode="reverse"/>  
<!--   
fromDegrees:表示旋转的起始角度  
toDegrees:表示旋转的结束角度  
repeatCount:旋转的次数  默认值是0 代表旋转1次  如果值是repeatCount=4 旋转5次，值为-1或者infinite时，表示补间动画永不停止  
repeatMode 设置重复的模式。默认是restart。当repeatCount的值大于0或者为infinite时才有效。  
repeatCount=-1 或者infinite 循环了  
还可以设成reverse，表示偶数次显示动画时会做与动画文件定义的方向相反的方向动行。  
 -->

<scale xmlns:android="http://schemas.android.com/apk/res/android"  
    android:interpolator="@android:anim/accelerate_interpolator"  
    android:fromXScale="0.2"  
    android:toXScale="1.5"  
    android:fromYScale="0.2"  
    android:toYScale="1.5"  
    android:pivotX="50%"  
    android:pivotY="50%"  
    android:duration="2000"/>  

<!--   
fromXScale:表示沿着x轴缩放的起始比例  
toXScale:表示沿着x轴缩放的结束比例  

fromYScale:表示沿着y轴缩放的起始比例  
toYScale:表示沿着y轴缩放的结束比例  

图片中心点：  
  android:pivotX="50%"   
    android:pivotY="50%"  

 -->

<translate xmlns:android="http://schemas.android.com/apk/res/android"  
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
    android:fromXDelta="0"  
    android:toXDelta="320"  
    android:fromYDelta="0"  
    android:toYDelta="0"  
    android:duration="2000"/>   

<!--   
  android:interpolator 动画的渲染器  
  1、accelerate_interpolator(动画加速器) 使动画在开始的时候 最慢,然后逐渐加速  
  2、decelerate_interpolator(动画减速器)使动画在开始的时候 最快,然后逐渐减速  
  3、accelerate_decelerate_interpolator（动画加速减速器）  
           中间位置分层:  使动画在开始的时候 最慢,然后逐渐加速           
          使动画在开始的时候 最快,然后逐渐减速  结束的位置最慢  
 fromXDelta  动画起始位置的横坐标  
 toXDelta    动画起结束位置的横坐标  
 fromYDelta  动画起始位置的纵坐标  
 toYDelta   动画结束位置的纵坐标  
 duration 动画的持续时间  
 -->

<set xmlns:android="http://schemas.android.com/apk/res/android"  
    android:interpolator="@android:anim/decelerate_interpolator"  
    android:shareInterpolator="true" >  

    <scale  
        android:duration="2000"  
        android:fromXScale="0.2"  
        android:fromYScale="0.2"  
        android:pivotX="50%"  
        android:pivotY="50%"  
        android:toXScale="1.5"  
        android:toYScale="1.5" />  

    <rotate  
        android:duration="1000"  
        android:fromDegrees="0"  
        android:repeatCount="1"  
        android:repeatMode="reverse"  
        android:toDegrees="360" />  

    <translate  
        android:duration="2000"  
        android:fromXDelta="0"  
        android:fromYDelta="0"  
        android:toXDelta="320"  
        android:toYDelta="0" />  

    <alpha  
        android:duration="2000"  
        android:fromAlpha="1.0"  
        android:toAlpha="0.1" />  
</set>

加载xml资源文件的Java代码，举个例子，其他类似

// 移动效果
    public void translateImpl(View v) {
        // XML文件
        Animation animation = AnimationUtils.loadAnimation(this,
                R.anim.translate_demo);
        animation.setRepeatCount(Animation.INFINITE);//循环显示
        v.startAnimation(animation);
    }

public void setAll(View v) {
        Animation animation = AnimationUtils.loadAnimation(this,
                R.anim.set_demo);
        v.startAnimation(animation);
    }

在xml里面写资源文件，大家看代码就很清晰
但是要注意的一点是，例如平移开始点相对的锚点默认是view的左上角

用代码控制也很容易
java中对应的方法
setDuration 设置持续时间
startNow 立刻启动动画
start 启动动画
cancel 取消动画
setRepeatCount 设置重复次数
setFillEnabled 使能填充效果
setFillBefore 设置起始填充
setFillAfter 设置终止填充
setRepeatMode 设置重复模式
setStartOffset 设置启动时间

一：TranslateAnimation类：位置变化动画

TranslateAnimation类是Android系统中的位置变化动画类，用于控制View对象的位置变化，该类继承于Animation类。TranslateAnimation类中的很多方法都与Animation类一致，该类中最常用的方法便是TranslateAnimation构造方法。

【基本语法】public TranslateAnimation (float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

【参数说明】

fromXDelta：位置变化的起始点X坐标。

toXDelta：位置变化的结束点X坐标。

fromYDelta：位置变化的起始点Y坐标。

toYDelta：位置变化的结束点Y坐标。

二：RotateAnimation类：旋转变化动画类

RotateAnimation类是Android系统中的旋转变化动画类，用于控制View对象的旋转动作，该类继承于Animation类。RotateAnimation类中的很多方法都与Animation类一致，该类中最常用的方法便是RotateAnimation构造方法。

【基本语法】public RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

【参数说明】

fromDegrees：旋转的开始角度。

toDegrees：旋转的结束角度。

pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotXValue：X坐标的伸缩值。

pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotYValue：Y坐标的伸缩值。

三：ScaleAnimation类：尺寸变化动画

ScaleAnimation类是Android系统中的尺寸变化动画类，用于控制View对象的尺寸变化，该类继承于Animation类。ScaleAnimation类中的很多方法都与Animation类一致，该类中最常用的方法便是ScaleAnimation构造方法。
【基本语法】public ScaleAnimation (float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
【参数说明】

fromX：起始X坐标上的伸缩尺寸。

toX：结束X坐标上的伸缩尺寸。

fromY：起始Y坐标上的伸缩尺寸。

toY：结束Y坐标上的伸缩尺寸。

pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotXValue：X坐标的伸缩值。

pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotYValue：Y坐标的伸缩值。

四：AlphaAnimation类：透明度变化动画类

AlphaAnimation类是Android系统中的透明度变化动画类，用于控制View对象的透明度变化，该类继承于Animation类。AlphaAnimation类中的很多方法都与Animation类一致，该类中最常用的方法便是AlphaAnimation构造方法。

【基本语法】public AlphaAnimation (float fromAlpha, float toAlpha)
【参数说明】

fromAlpha：开始时刻的透明度，取值范围0~1。

toAlpha：结束时刻的透明度，取值范围0~1。

五：AnimationSet类：动画集合类

AnimationSet类是Android系统中的动画集合类，用于控制View对象进行多个动作的组合，该类继承于Animation类。AnimationSet类中的很多方法都与Animation类一致，该类中最常用的方法便是addAnimation方法，该方法用于为动画集合对象添加动画对象。

大家了解了那几个类的使用就明白了，下面简单贴下Java代码

public void test4(View view) {
        Animation translateAnimation = new TranslateAnimation(0, 300, 0, 300);//移动动画效果 
        translateAnimation.setDuration(3000); //设置动画持续时间 
        view.setAnimation(translateAnimation); //设置动画效果 
        translateAnimation.startNow(); //启动动画 
    }

大家重点要明白AlphaAnimation，TranslateAnimation，ScaleAnimation，RotateAnimation，AnimationSet这几个类的构造方法参数的含义
参考了两个写得比较好的博客这里附上链接
http://blog.csdn.net/sgx425021234/article/details/9195829
http://blog.csdn.net/heyuchang666/article/details/41478795
/**
* －－－－－－－－－－－－－－
* 欢迎转载｜转载请注明
* －－－－－－－－－－－－－－
* 如果对你有帮助，请点击｜顶｜
* －－－－－－－－－－－－－－
* 请保持谦逊｜你会走的更远
* －－－－－－－－－－－－－－
* @author css
* @github https://github.com/songsongbrother
* @blog http://blog.csdn.net/xiangxi101
*/