Android 动画详解

其实前面有一篇关于动画的详细介绍了，写这一篇博客就是为了更细致的介绍动画，多贴出来一些代码，更直观探讨一下动画的使用……
一、Animations介绍
Animations是一个实现Android UI界面动画效果的API，Animations提供了一系列的动画效果，可以进行旋转、缩放、淡入淡出等，这些效果可以应用在绝大多数的控件中。
二、Animations的分类
Animations从总体上可以分为三大类：
1 . Tweened Animations：该类Animations提供了旋转、移动、伸展和淡出等效果。Alpha——淡入淡出，Scale——缩放效果，Rotate——旋转，Translate——移动效果。
2 . Frame-by-frame Animations：这一类Animations可以创建一个Drawable序列，这些Drawable可以按照指定的时间间歇一个一个的显示。
3 . Property Animation : 故名思议就是通过动画的方式改变对象的属性了. 属性动画就是，动画的执行类来设置动画操作的对象的属性、持续时间，开始和结束的属性值，时间差值等，然后系统会根据设置的参数动态的变化对象的属性。
三、Animations的使用方法（代码中使用）
Animations extends Object implements Cloneable 使用TweenedAnimations的步骤： 　　
1.创建一个AnimationSet对象（Animation子类）； 　　
2.增加需要创建相应的Animation对象； 　　
3.更加项目的需求，为Animation对象设置相应的数据； 　　
4.将Animatin对象添加到AnimationSet对象当中； 　　
5.使用控件对象开始执行AnimationSetTweened

Animations的分类 　　
１、Alpha：淡入淡出效果 　　
２、Scale：缩放效果 　　
３、Rotate：旋转效果 　　
４、Translate：移动效果
Animation的四个子类：
　　AlphaAnimation、TranslateAnimation、ScaleAnimation、RotateAnimation
四、代码具体使用
Tween Animations的通用方法 　　
１、setDuration(long durationMills) 　　　　 设置动画持续时间（单位：毫秒） 　　
２、setFillAfter(Boolean fillAfter) 　　　　 如果fillAfter的值为true,则动画执行后，控件将停留在执行结束的状态 　　
３、setFillBefore(Boolean fillBefore) 　　　　如果fillBefore的值为true，则动画执行后，控件将回到动画执行之前的状态 　　
４、setStartOffSet(long startOffSet) 　　　　设置动画执行之前的等待时间 　　
５、setRepeatCount(int repeatCount) 　　　　设置动画重复执行的次数
（一）代码中使用Animation
渐变动画

/**
 * 渐变动画
 */
 public static void alphaAction(View view) {
     //创建一个AnimationSet对象，参数为Boolean型，
     //true表示使用Animation的interpolator，false则是使用自己的 
     AnimationSet animationSet = new AnimationSet(true)
     //创建一个AlphaAnimation对象，参数从完全的透明度，到完全的不透明 
     AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0); 
     //设置动画执行的时间
     alphaAnimation.setDuration(500); 
    //将alphaAnimation对象添加到AnimationSet当中 
     animationSet.addAnimation(alphaAnimation);
    //使用ImageView的startAnimation方法执行动画 
     view.startAnimation(animationSet);
 }

旋转动画

/**
 * 旋转动画
 */ 
public static void rotateAction(View view) { 
       AnimationSet animationSet = new AnimationSet(true);
       //参数1：从哪个旋转角度开始 
       //参数2：转到什么角度 
       //后4个参数用于设置围绕着旋转的圆的圆心在哪里
       //参数3：确定x轴坐标的类型，有ABSOLUT绝对坐标、
       RELATIVE_TO_SELF相对于自身坐标、RELATIVE_TO_PARENT相对于父控件的坐标 
      //参数4：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
      //参数5：确定y轴坐标的类型 
      //参数6：y轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
      RotateAnimation rotateAnimation = new RotateAnimation(0, 360, 
      Animation.RELATIVE_TO_SELF, 0.5f, 
      Animation.RELATIVE_TO_SELF, 0.5f); 
      rotateAnimation.setDuration(1000); 
      animationSet.addAnimation(rotateAnimation); 
      view.startAnimation(animationSet);
 }

缩放动画

/**
 * 缩放动画 
*/
 public static void scaleAction(View view) { 
        //参数1：x轴的初始值 
        //参数2：x轴收缩后的值 
        //参数3：y轴的初始值 
        //参数4：y轴收缩后的值 
        //参数5：确定x轴坐标的类型 
        //参数6：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
        //参数7：确定y轴坐标的类型 
        //参数8：y轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
        AnimationSet animationSet = new AnimationSet(true); 
        ScaleAnimation scaleAnimation = new ScaleAnimation( 0, 0.1f, 0,  0.1f, Animation.RELATIVE_TO_SELF, 1, 
        Animation.RELATIVE_TO_SELF, 1); 
        scaleAnimation.setDuration(1000); 
        animationSet.addAnimation(scaleAnimation); 
        view.startAnimation(animationSet); 
}

位移动画

/** 
* 位移动画
 */
public static void translateAction(View view) { 
        AnimationSet animationSet = new AnimationSet(true);
        //参数1～2：x轴的开始位置 
        //参数3～4：y轴的开始位置 
        //参数5～6：x轴的结束位置 
        //参数7～8：x轴的结束位置 
        TranslateAnimation  translateAnimation = new 
        TranslateAnimation( Animation.RELATIVE_TO_SELF, 0f, 
        Animation.RELATIVE_TO_SELF, 0.5f, 
        Animation.RELATIVE_TO_SELF, 0f, 
        Animation.RELATIVE_TO_SELF, 0.5f); 
        translateAnimation.setDuration(1000); 
        animationSet.addAnimation(translateAnimation); 
        view.startAnimation(animationSet); 
}

下面贴出整理后的整个动画工具类

import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;

/**
 * Created by 大军 on 2016/5/3 
*/
public class AnimationTools { 
/** 
* Tween Animations的通用方法
* １、setDuration(long durationMills)
* 设置动画持续时间（单位：毫秒）
* ２、setFillAfter(Boolean fillAfter) 
* 如果fillAfter的值为true,则动画执行后，控件将停留在执行结束的状态 
* ３、setFillBefore(Boolean fillBefore) 
* 如果fillBefore的值为true，则动画执行后，控件将回到动画执行之前的状态 
* ４、setStartOffSet(long startOffSet) 
* 设置动画执行之前的等待时间 
* ５、setRepeatCount(int repeatCount)
* 设置动画重复执行的次数 
*/
   // private static AnimationTools animationTools = null;
   // private AnimationTools() {
   //}
   // public static AnimationTools instance() {
         // if (animationTools == null) {
             // synchronized (animationTools) {
                 // if (animationTools == null) {
                   // animationTools = new AnimationTools();
                  // }
             // }
          // }
       // return animationTools;
// }

/** 
* 渐变动画 
*/
 public static void alphaAction(View view) {

      //创建一个AnimationSet对象，参数为Boolean型，
      //true表示使用Animation的interpolator，false则是使用自己的 
      AnimationSet animationSet = new AnimationSet(true); 
      //创建一个AlphaAnimation对象，参数从完全的透明度，到完全的不透明
      AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0); 
      //设置动画执行的时间
      alphaAnimation.setDuration(500);
      //将alphaAnimation对象添加到AnimationSet当中 
      animationSet.addAnimation(alphaAnimation);
      //使用ImageView的startAnimation方法执行动画 
      view.startAnimation(animationSet);
 }
 public static void alphaAction(AnimationSet animationSet) { 
          //创建一个AlphaAnimation对象，参数从完全的透明度，到完全的不透明 
          AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);
          //设置动画执行的时间 
          alphaAnimation.setDuration(500); 
          //将alphaAnimation对象添加到AnimationSet当中 
          animationSet.addAnimation(alphaAnimation); 
          //使用ImageView的startAnimation方法执行动画 
 }

/**
* 旋转动画 
*/
 public static void rotateAction(View view) {
           AnimationSet animationSet = new AnimationSet(true); 
           //参数1：从哪个旋转角度开始
           //参数2：转到什么角度 
           //后4个参数用于设置围绕着旋转的圆的圆心在哪里 
           //参数3：确定x轴坐标的类型，有ABSOLUT绝对坐标、RELATIVE_TO_SELF相对于自身坐标、RELATIVE_TO_PARENT相对于父控件的坐标 
           //参数4：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
           //参数5：确定y轴坐标的类型 
           //参数6：y轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
           RotateAnimation rotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, 
           Animation.RELATIVE_TO_SELF, 0.5f); 
           rotateAnimation.setDuration(1000); 
           animationSet.addAnimation(rotateAnimation); 
           view.startAnimation(animationSet); } public static void 
           rotateAction(AnimationSet animationSet) { RotateAnimation 
           rotateAnimation = new RotateAnimation(0, 360, 
           Animation.RELATIVE_TO_SELF, 0.5f, 
           Animation.RELATIVE_TO_SELF, 0.5f); 
           rotateAnimation.setDuration(1000); 
           animationSet.addAnimation(rotateAnimation);
 }

/**
* 缩放动画 
*/
  public static void scaleAction(View view) {
                //参数1：x轴的初始值
                //参数2：x轴收缩后的值 
                //参数3：y轴的初始值 
                //参数4：y轴收缩后的值 
                //参数5：确定x轴坐标的类型 
                //参数6：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴 
                //参数7：确定y轴坐标的类型 
                //参数8：y轴的值，0.5f表明是以自身这个控件的一半长度为x轴
             AnimationSet animationSet = new AnimationSet(true); 
             ScaleAnimation scaleAnimation = new ScaleAnimation( 0, 0.1f, 0, 0.1f, Animation.RELATIVE_TO_SELF, 1, 
             Animation.RELATIVE_TO_SELF, 1); 
             scaleAnimation.setDuration(1000); 
             animationSet.addAnimation(scaleAnimation); 
             view.startAnimation(animationSet); } public static void 
             scaleAction(AnimationSet animationSet) { ScaleAnimation 
             scaleAnimation = new ScaleAnimation( 0, 0.1f, 0, 0.1f, 
             Animation.RELATIVE_TO_SELF, 1, 
             Animation.RELATIVE_TO_SELF, 1); 
             scaleAnimation.setDuration(1000); 
             animationSet.addAnimation(scaleAnimation);
 } 

/** 
* 位移动画 
*/ 
public static void translateAction(View view) {
             AnimationSet animationSet = new AnimationSet(true);
             //参数1～2：x轴的开始位置 
             //参数3～4：y轴的开始位置 
             //参数5～6：x轴的结束位置 
             //参数7～8：x轴的结束位置 
             TranslateAnimation translateAnimation = new 
             TranslateAnimation( Animation.RELATIVE_TO_SELF, 0f, 
             Animation.RELATIVE_TO_SELF, 0.5f, 
             Animation.RELATIVE_TO_SELF, 0f, 
             Animation.RELATIVE_TO_SELF, 0.5f); 
             translateAnimation.setDuration(1000); 
             animationSet.addAnimation(translateAnimation); 
             view.startAnimation(animationSet);
 } 
 public static void translateAction(AnimationSet animationSet) { 
            TranslateAnimation translateAnimation = new TranslateAnimation( Animation.RELATIVE_TO_SELF, 0f,Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0f,Animation.RELATIVE_TO_SELF, 0.5f); 
            translateAnimation.setDuration(1000); 
            animationSet.addAnimation(translateAnimation);
 }

 /**
 * 属性动画
 */ 
 public void propertyValuesHolder(View view) { 
           PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f, 0f, 1f); 
           PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleX", 1f, 0, 1f); 
           PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat("scaleY", 1f, 0, 1f); 
           ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY, pvhZ).setDuration(1000).start(); 
  }
 }

（二）在xml中使用Animations
1.在res文件夹下建立一个anim文件夹； 2.创建xml文件，并首先加入set标签，更改标签如下：

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

3.在该标签当中加入rotate，alpha，scale或者translate标签；

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

4.在代码当中使用AnimationUtils当中装载xml文件，并生成Animation对象。因为Animation是AnimationSet的子类，所以向上转型，用Animation对象接收。

Animation animation = AnimationUtils.loadAnimation( 
Animation1Activity.this, R.anim.alpha); // 启动动画 
image.startAnimation(animation);

贴出具体代码
1、 alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> 
<!-- fromAlpha和toAlpha是起始透明度和结束时透明度 --> 
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0" 
android:startOffset="500" 
android:duration="500"/>
</set>

2、 rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
 <!-- fromDegrees:开始的角度 toDegrees：结束的角度，+表示是正的 pivotX：用于设置旋转时的x轴坐标 例 1)当值为"50"，表示使用绝对位置定位 2)当值为"50%"，表示使用相对于控件本身定位 3)当值为"50%p"，表示使用相对于控件的父控件定位 pivotY：用于设置旋转时的y轴坐标 -->
<rotate android:fromDegrees="0" 
android:toDegrees="+360" 
android:pivotX="50%" 
android:pivotY="50%" 
android:duration="1000"/>
</set>

3、 scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
<!-- 起始x轴坐标 止x轴坐标 始y轴坐标 止y轴坐标 轴的坐标 轴的坐标 -->
<scale android:fromXScale="1.0" 
android:toXScale="0.0" 
android:fromYScale="1.0"
android:toYScale="0.0" 
android:pivotX="50%" 
android:pivotY="50%" 
android:duration="1000"/>
</set>

4、 translate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> 
<!-- 始x轴坐标 止x轴坐标 始y轴坐标 止y轴坐标 --> 
<translate android:fromXDelta="0%"
android:toXDelta="100%" 
android:fromYDelta="0%" 
android:toYDelta="100%"
android:duration="2000"/>
</set>

5、 Java文件

import android.app.Activity;importandroid.os.Bundle;
import android.view.View;importandroid.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;import android.widget.Button;
import android.widget.ImageView;


public class Animation1Activity extends Activity { 
private Button rotateButton = null; 
private Button scaleButton = null; 
private Button alphaButton = null;
private Button translateButton = null;
private ImageView image = null;


 @Override 
 public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main);

    rotateButton = (Button) findViewById(R.id.rotateButton); 
    scaleButton = (Button) findViewById(R.id.scaleButton); 
    alphaButton = (Button) findViewById(R.id.alphaButton); 
    translateButton = (Button) findViewById(R.id.translateButton); 
    image = (ImageView) findViewById(R.id.image); 
    rotateButton.setOnClickListener(newRotateButtonListener()); 
    scaleButton.setOnClickListener(newScaleButtonListener()); 
    alphaButton.setOnClickListener(newAlphaButtonListener()); 
    translateButton.setOnClickListener(newTranslateButtonListener(); 
 } 
 class AlphaButtonListener implementsOnClickListener {
    public void onClick(View v) { 
      // 使用AnimationUtils装载动画配置文件
      Animation animation = AnimationUtils.loadAnimation( 
      Animation1Activity.this, R.anim.alpha); 
      // 启动动画 
      image.startAnimation(animation); 
   }
 } 
 class RotateButtonListener implementsOnClickListener { 
    public void onClick(View v) {
        Animation animation = AnimationUtils.loadAnimation( 
        Animation1Activity.this, R.anim.rotate); 
        image.startAnimation(animation); 
    }
 }
 class ScaleButtonListener implementsOnClickListener { 
    public void onClick(View v) {  
      Animation animation = AnimationUtils.loadAnimation( 
      Animation1Activity.this, R.anim.scale); 
      image.startAnimation(animation); 
    }
 }
 class TranslateButtonListener implementsOnClickListener { 
    public void onClick(View v) { 
        Animation animation =AnimationUtils.loadAnimation( 
        Animation1Activity.this, R.anim.translate); 
        image.startAnimation(animation); 
     }
 }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 213,186评论 6赞 492
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,858评论 3赞 387
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 158,620评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,888评论 1赞 285
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,009评论 6赞 385
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,149评论 1赞 291
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,204评论 3赞 412
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,956评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,385评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,698评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,863评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,544评论 4赞 335
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,185评论 3赞 317
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,899评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,141评论 1赞 267
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,684评论 2赞 362
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,750评论 2赞 351

推荐阅读更多精彩内容

  • Android动画详解
    Android框架提供了两个动画系统，属性动画（property animation ）和视图动画（view an...
    wenny826阅读 2,353评论 0赞 2
  • android 动画详解
    本文主要是针对android 中的动画进行详细描述，并简单分析原理；一、概述Android动画分为三种：帧动画（F...
    暮染1阅读 773评论 0赞 0
  • android动画详解
    转载：http://blog.csdn.net/yanbober/article/details/46481171...
    朝花夕拾不起来阅读 684评论 0赞 0
  • android动画详解（一）
    一般常用的android动画有View Animation(视图动画)和Property Animation(属性...
    JCJIE阅读 424评论 0赞 2
  • [转]Android三种动画详解
    1 背景 不能只分析源码呀，分析的同时也要整理归纳基础知识，刚好有人微博私信让全面说说Android的动画，所以今...
    未聞椛洺阅读 2,699评论 0赞 10