安卓常用动画_安卓常用动画库-CSDN博客

本文链接：https://blog.csdn.net/kai_zone/article/details/80190920

安卓动画分两种类型视图动画（帧动画，补间动画）和属性动画(ValueAnimator,ObjectAnimation).视图动画用的较多些，后面一类比较用，这里就不说了。

这里会讲到的动画有视图动画（帧动画，补间动画），属性动画，activity和fragment切换时的动画，viewgroup添加和移除子view时的动画，android随后新的系统api的transition，Scene实现过渡效果，内容还是很多的。下面一一来说。

先从简单的说起：

1. 帧动画：一张张图片不断的切换，形成动画效果

        在drawable目录下定义xml文件，子节点为animation-list，在这里定义要显示的图片和每张图片的显示时长
	1. 在drawable目录下创建xml文件布局为animation-list，例如下

		<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
		    <item android:drawable="@drawable/g1" android:duration="200" />
		    <item android:drawable="@drawable/g2" android:duration="200" />
		    <item android:drawable="@drawable/g3" android:duration="200" />
		</animation-list>

	2.布局文件如下：
	<ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         />
        * 在屏幕上播放帧动画
		
	ImageView iv = (ImageView) findViewById(R.id.iv);
	//把动画文件设置为imageView的背景
        iv.setBackgroundResource(R.drawable.animations);
        AnimationDrawable ad = (AnimationDrawable) iv.getBackground();
	//播放动画        
	ad.start();

2. 补间动画：原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画，位移、旋转、缩放、透明，

在XML文件或者java文件中都可定义使用。

xml定义属性：

 * Android的animation由四种类型组成：alpha、scale、translate、rotate  
2.     * 还有个动画集合set可以把以上动画放在一起同时执行  
3.     * 可以用xml文件定义res/anim文件夹下  
4.     *   
5.     * 1.scale标签是缩放动画，可以实现动态调控件尺寸的效果，有下面几个属性：  
6.android:fromXScale    起始的X方向上相对自身的缩放比例，浮点值，比如1.0代表自身无变化，0.5代表起始时缩小一倍，2.0代表放大一倍；  
7.android:toXScale        结尾的X方向上相对自身的缩放比例，浮点值；  
8.android:fromYScale    起始的Y方向上相对自身的缩放比例，浮点值，  
9.android:toYScale        结尾的Y方向上相对自身的缩放比例，浮点值；  
10.android:pivotX            缩放起点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，当为数值时，表示在当前View的左上角，即原点处加上50px，做为起始缩放点；如果是50%，表示在当前控件的左上角加上自己宽度的50%做为起始点；如果是50%p，那么就是表示在当前的左上角加上父控件宽度的50%做为起始点x轴坐标。（具体意义，后面会举例演示）  
11.android:pivotY           缩放起点Y轴坐标，取值及意义跟android:pivotX一样。  
12.     *   
13.     *   
14.     * android:fillAfter   如果设置为true，控件动画结束时，将保持动画最后时的状态  
15.     * android:fillBefore       如果设置为true,控件动画结束时，还原到开始动画前的状态  
16.     *android:repeatCount 重复次数  
17.android:repeatMode  重复类型，有reverse和restart两个值，reverse表示倒序回放，restart表示重新放一遍，必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型，即回放时的动作。  
18.android:interpolator  设定插值器，其实就是指定的动作效果，比如弹跳效果等，不在这小节中讲解，后面会单独列出一单讲解。  
19.     *   
20.     *   
21.     * 2.  
22.     * alpha标签——调节透明度  
23.1、自身属性  
24.android:fromAlpha   动画开始的透明度，从0.0 --1.0 ，0.0表示全透明，1.0表示完全不透明  
25.android:toAlpha       动画结束时的透明度，也是从0.0 --1.0 ，0.0表示全透明，1.0表示完全不透明  
26.       
27.       
28.     3.Rotate  
29.     android:fromDegrees     开始旋转的角度位置，正值代表顺时针方向度数，负值代码逆时针方向度数  
30.android:toDegrees         结束时旋转到的角度位置，正值代表顺时针方向度数，负值代码逆时针方向度数  
31.android:pivotX               缩放起点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，具体意义已在scale标签中讲述，这里就不再重讲  
32.android:pivotY               缩放起点Y轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p  
33.      
34.      
35.    4.translate标签所具有的属性为：  
36.android:fromXDelta     起始点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，具体意义已在scale标签中讲述，这里就不再重讲  
37.android:fromYDelta    起始点Y轴从标，可以是数值、百分数、百分数p 三种样式；  
38.android:toXDelta         结束点X轴坐标  
39.android:toYDelta        结束点Y轴坐标

 public static void start(View view){  
//      AnimationSet set = new AnimationSet(true);  
//      set.addAnimation(AnimationUtils.loadAnimation(this, R.anim.scale_anim));  
//      set.addAnimation(AnimationUtils.loadAnimation(this, R.anim.alpha_anim));  
//      set.addAnimation(AnimationUtils.loadAnimation(this, R.anim.rotate_anim));  
//  
//      set.setAnimationListener(new AnimationListener() {  
//          @Override  动画开始前执行这个方法
//          public void onAnimationStart(Animation animation) {  
//          }  
//  
//          @Override 动画重复时执行这个方法
//          public void onAnimationRepeat(Animation animation) {  
//          }@Override 动画结束执行这个方法 
//          public void onAnimationEnd(Animation animation) {  
//              view.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate_anim));  
//          }  
//      });  
//      view.startAnimation(set);  
         调用下面set_anim文件
       view.startAnimation(AnimationUtils.loadAnimation(view.getContext(), R.anim.set_anim));  
    }

在res/anim目录下新建set_anim.xml(列举一个)，调用文件如下：

<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android" >  
  
    <rotate  
        xmlns:android="http://schemas.android.com/apk/res/android"  
        android:duration="2500"  
        android:fillAfter="true"  
        android:fromDegrees="0"  
        android:pivotX="50%"  
        android:pivotY="50%"  
        android:toDegrees="360" >  
    </rotate>  
  
    <alpha  
        android:duration="2500"  
        android:fromAlpha="0"  
        android:toAlpha="1" />  
  
    <scale  
        xmlns:android="http://schemas.android.com/apk/res/android"  
        android:duration="2500"  
        android:fromXScale="0"  
        android:fromYScale="0"  
        android:pivotX="67%p"  
        android:pivotY="67%p"  
        android:toXScale="1"  
        android:toYScale="1" />  
  
    <translate  
        xmlns:android="http://schemas.android.com/apk/res/android"  
        android:duration="2500"  
        android:fromXDelta="0"  
        android:fromYDelta="0"  
        android:startOffset="2500"  
        android:toXDelta="67%p"  
        android:toYDelta="67%p" >  
    </translate>   
</set>

3. Java代码中实现补间动画：

平移：

* 参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的真实X + 10
* 参数150指的是X的终点坐标，它的值是imageview的真实X + 150
//创建为位移动画对象，设置动画的初始位置和结束位置
* x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是真实X + 0.5 * iv宽度
* x坐标的终点位置，如果传入2，那么终点坐标就是真实X + 2 * iv的宽度
* y坐标的起点位置，如果传入0.5f，那么起点坐标就是真实Y + 0.5 * iv高度
* y坐标的终点位置，如果传入2，那么终点坐标就是真实Y + 2 * iv高度
TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);
缩放：
* 参数0.1f表示动画的起始宽度是真实宽度的0.1倍
* 参数4表示动画的结束宽度是真实宽度的4倍
* 缩放的中心点在iv左上角
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
* 参数0.1f和4意义与上面相同
* 改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点
* 中心点x坐标 = 真实X + 0.5 * iv宽度
* 中心点Y坐标 = 真实Y + 0.5 * iv高度

Animation.RELATIVE_TO_SEL：表示相对于自己

ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);

ScaleAnimation sa=new ScaleAnimation(0.1f,4,0.1f,4,Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

sa.setRepeatCount(5);

aa.setDuration(2000);

view.startAnimation(sa);

透明：
* 0为完全透明，1为完全不透明
AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
aa.setDuration(2000);
aa.setFileAfter();//保持操作后的状态。
view.startAnimation(aa);
旋转：
* 20表示动画开始时的iv的角度
* 360表示动画结束时iv的角度
* 默认旋转的圆心在iv左上角
* 20,360的意义和上面一样
* 指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实X + iv宽度 * 0.5
* 圆心的Y坐标：真实Y + iv高度 * 0.5

Animation.RELATIVE_TO_SEL：表示相对于自己

RotateAnimation ra = new RotateAnimation(20, 360);

RotateAnimation ra = new RotateAnimation(20,360,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
所有动画一起飞

//创建动画集合，一般传false
AnimationSet set = new AnimationSet(false);
//往集合中添加动画
set.addAnimation(aa);
set.addAnimation(sa);
set.addAnimation(ra);

view.startAnimation(set);

动画播放相关的设置

//设置动画持续时间
ta.setDuration(2000);
//动画重复播放的次数
ta.setRepeatCount(1);
//动画重复播放的模式
ta.setRepeatMode(Animation.REVERSE);
//动画播放完毕后，组件停留在动画结束的位置上
ta.setFillAfter(true);

上面的代码还是很简单的，想想如果位置从A平移到B，是应该以什么样的速率来移动呢，默认的是匀速了，所有你也可以指定或者自定义动画过程中要用到的插值器，Interpolator插值器，用来定义动画执行过程中的具体行为，变化速率。插值器也可以用在属性动画上。

  /** 
2.     *Interpolator插值器，用来定义动画执行过程中的具体行为，变化速率  
3.     * 
4.     *已经定义好了的插值器有这些 
5.     *AccelerateDecelerateInterpolator   在动画开始与介绍的地方速率改变比较慢，在中间的时候加速 
6.AccelerateInterpolator                     在动画开始的地方速率改变比较慢，然后开始加速 
7.AnticipateInterpolator                      开始的时候向后然后向前甩 
8.AnticipateOvershootInterpolator     开始的时候向后然后向前甩一定值后返回最后的值 
9.BounceInterpolator                          动画结束的时候弹起 
10.CycleInterpolator                             动画循环播放特定的次数，速率改变沿着正弦曲线 
11.DecelerateInterpolator                    在动画开始的地方快然后慢 
12.LinearInterpolator                            以常量速率改变 
13.OvershootInterpolator                      向前甩一定值后再回到原来位置 
14.     */

应用插值器，

[java] view plain copy 
1.public static void useSystemInterpolator(View view,Interpolator i){  
2.    AnimationSet set = new AnimationSet(true);  
3.    set.addAnimation(AnimationUtils.loadAnimation(view.getContext(), R.anim.scale_anim));  
4.    set.setInterpolator(i);  
5.    view.startAnimation(set);  
6.}

相关文章：https://blog.csdn.net/baidu_26994091/article/details/51674951