Android动画相比大家都会用,这篇文章主要帮助大家了解Android中动画的分类。Animation下分为View Animation 和 3.0后加入的Property Animation。具体看图。那些名词都是些概念性的词语,不是对象。

一.View Animation


Animation的子类就包括AlphaAnimation、TranslateAnimation、ScaleAnimation、RotateAnimation,分别代表透明度,平移,伸缩,旋转。

public abstract class

Animation

extends  Object
implements  Cloneable
java.lang.Object
   ↳ android.view.animation.Animation
Known Direct Subclasses AlphaAnimation,  AnimationSet,  RotateAnimation,  ScaleAnimation,  TranslateAnimation

1.Tween Animation(补间动画)大概用法如下

①JAVA代码中用法:

AlphaAnimation://创建一个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方法执行动画           image.startAnimation(animationSet);RotateAnimation :   //参数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);           image.startAnimation(animationSet);ScanleAnimation:AnimationSet animationSet = new AnimationSet(true);           //参数1:x轴的初始值           //参数2:x轴收缩后的值           //参数3:y轴的初始值           //参数4:y轴收缩后的值           //参数5:确定x轴坐标的类型           //参数6:x轴的值,0.5f表明是以自身这个控件的一半长度为x轴           //参数7:确定y轴坐标的类型           //参数8:y轴的值,0.5f表明是以自身这个控件的一半长度为x轴           ScaleAnimation scaleAnimation = new ScaleAnimation(                  0, 0.1f,0,0.1f,                  Animation.RELATIVE_TO_SELF,0.5f,                  Animation.RELATIVE_TO_SELF,0.5f);           scaleAnimation.setDuration(1000);           animationSet.addAnimation(scaleAnimation);           image.startAnimation(animationSet);TranslateAnimation: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);           image.startAnimation(animationSet);


大致就是这样,实例化view之后设置view.startAnimation即可


②XML中使用

注意:Tween Animation在XML了使用动画这个文件夹有要求,与Frame Animation 和 Property Animation都不同,要区分开来,后面会有介绍


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.然后在set里面加入属性,例如

<?xml version="1.0" encoding="utf-8"?>

4.接下来在JAVA代码中调用

Animation anim = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.scalex);view.startAnimation(anim);

简单的就是这样,也可以在set中加入其他的属性。回到这个标签。 它有两个属性,android:interpolator代表一个插值器资源,可以引用系统自带插值器资源,也可以用自定义插值器资源,默认值是匀速插值器。android:shareInterpolator代表里面的多个动画是否要共享插值器,默认值为true,即共享插值器,如果设置为false,那么的插值器就不再起作用,我们要在每个动画中加入插值器。

首先要了解为什么需要插值器,因为在补间动画中,我们一般只定义关键帧(首帧或尾帧),然后由系统自动生成中间帧,生成中间帧的这个过程可以成为“插值”。插值器定义了动画变化的速率,提供不同的函数定义变化值相对于时间的变化规则,可以定义各种各样的非线性变化函数,比如加速、减速等。下面是几种常见的插值器:

Interpolator对象 资源ID 功能作用
AccelerateDecelerateInterpolator @android:anim/accelerate_decelerate_interpolator 先加速再减速
AccelerateInterpolator @android:anim/accelerate_interpolator 加速
AnticipateInterpolator @android:anim/anticipate_interpolator 先回退一小步然后加速前进
AnticipateOvershootInterpolator @android:anim/anticipate_overshoot_interpolator 在上一个基础上超出终点一小步再回到终点
BounceInterpolator @android:anim/bounce_interpolator 最后阶段弹球效果
CycleInterpolator @android:anim/cycle_interpolator 周期运动
DecelerateInterpolator @android:anim/decelerate_interpolator 减速
LinearInterpolator @android:anim/linear_interpolator 匀速
OvershootInterpolator @android:anim/overshoot_interpolator 快速到达终点并超出一小步最后回到终点

如果在一个set标签中包含多个动画效果,如果想让这些动画效果共享一个Interpolator

    android:shareInterpolator="true"

如果不想共享一个interpolator,则设置android:shareInterpolator="false"并且需要在每一个动画效果处添加interpolator


现在我们要实现一个不停旋转的东西,类似于刷新那样的图标,靠设置0~360度,repeatCount还是不够的,还要设置他的速度,如果是加入情况则看起来效果就不理想,此时的动画速度就应该是匀速状态。

刷新图标的旋转

<?xml version="1.0" encoding="UTF-8"?>    
具体根据需要去设置,此外也有自定义的插值器。

2.Frame Animation(逐帧动画)。


1.res文件夹下建立一个drawable或者anim或者animation文件夹;试过好像没问题

2.创建xml文件,根标签为相当于一个图片动画集合

eg:

<?xml version="1.0" encoding="utf-8"?>    1000"/>    1000"/>                
效果是每秒换张drawable,可以自己试试

3.JAVA中

imageView.setBackgroundResource(R.drawable.anim);           AnimationDrawable animationDrawable = (AnimationDrawable)              imageView.getBackground();           animationDrawable.start();

Frame Animation也是用的比较少的。




3.Property Animation(属性动画)。


Property Animation故名思议就是通过动画的方式改变对象的属性了

这里可以去看,里面详细点
http://blog.csdn.net/lmj623565791/article/details/38067475

eg:

ObjectAnimator实现动画

之所以选择ObjectAnimator为第一个~~是因为,这个实现最简单~~一行代码,秒秒钟实现动画,下面看个例子:
布局文件:

      
Activity中的调用
 public void rotateyAnimRun(View view)      {           ObjectAnimator//           .ofFloat(view, "rotationX", 0.0F, 360.0F)//           .setDuration(500)//           .start();      }  

是不是一行代码就能实现简单的动画~~

对于ObjectAnimator

1、提供了ofInt、ofFloat、ofObject,这几个方法都是设置动画作用的元素、作用的属性、动画开始、结束、以及中间的任意个属性值。

当对于属性值,只设置一个的时候,会认为当然对象该属性的值为开始(getPropName反射获取),然后设置的值为终点。如果设置两个,则一个为开始、一个为结束~~~

动画更新的过程中,会不断调用setPropName更新元素的属性,所有使用ObjectAnimator更新某个属性,必须得有getter(设置一个属性值的时候)和setter方法~

2、如果你操作对象的该属性方法里面,比如上例的setRotationX如果内部没有调用view的重绘,则你需要自己按照下面方式手动调用。

[java]  view plain  copy
  1. anim.addUpdateListener(new AnimatorUpdateListener()  
  2.         {  
  3.             @Override  
  4.             public void onAnimationUpdate(ValueAnimator animation)  
  5.             {  
  6. //              view.postInvalidate();  
  7. //              view.invalidate();  
  8.             }  
  9.         });  
3、看了上面的例子,因为设置的操作的属性只有一个,那么如果我希望一个动画能够让View既可以缩小、又能够淡出(3个属性scaleX,scaleY,alpha),只使用ObjectAnimator咋弄?

想法是不是很不错,可能会说使用AnimatorSet啊,这一看就是一堆动画塞一起执行,但是我偏偏要用一个ObjectAnimator实例实现呢~下面看代码:

[java]  view plain  copy
  1. public void rotateyAnimRun(final View view)  
  2. {  
  3.     ObjectAnimator anim = ObjectAnimator//  
  4.             .ofFloat(view, "zhy"1.0F,  0.0F)//  
  5.             .setDuration(500);//  
  6.     anim.start();  
  7.     anim.addUpdateListener(new AnimatorUpdateListener()  
  8.     {  
  9.         @Override  
  10.         public void onAnimationUpdate(ValueAnimator animation)  
  11.         {  
  12.             float cVal = (Float) animation.getAnimatedValue();  
  13.             view.setAlpha(cVal);  
  14.             view.setScaleX(cVal);  
  15.             view.setScaleY(cVal);  
  16.         }  
  17.     });  
  18. }  

把设置属性的那个字符串,随便写一个该对象没有的属性,就是不管~~咱们只需要它按照时间插值和持续时间计算的那个值,我们自己手动调用~

效果:

这个例子就是想说明一下,有时候换个思路不要被API所约束,利用部分API提供的功能也能实现好玩的效果~~~

比如:你想实现抛物线的效果,水平方向100px/s,垂直方向加速度200px/s*s ,咋实现呢~~可以自己用ObjectAnimator试试~

4、其实还有更简单的方式,实现一个动画更改多个效果:使用propertyValuesHolder,类似于AnimationSet

[java]  view plain  copy
  1. public void propertyValuesHolder(View view)  
  2.     {  
  3.         PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f,  
  4.                 0f, 1f);  
  5.         PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleX", 1f,  
  6.                 0, 1f);  
  7.         PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat("scaleY", 1f,  
  8.                 0, 1f);  
  9.         ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY,pvhZ).setDuration(1000).start();  
  10.     }  


对于ValueAnimator,它不像ObjectAniamtor那么耀眼,但它却是属性动画的核心,ObjectAnimator也是继承自ValueAnimator

ValueAnimator本身不提供任何的动画效果,它更像一个数值发生器,用来产生具有一定规律的数字,从而让调用者来控制动画的实现过程,ValueAnimator的一般使用为,在ValueAnimator的AnimatorUpdateListener中监听数值的变化,从而完成动画的变换。

ValueAnimator animator = ValueAnimator.ofFloat(0 , 100);animator.setTarget(view);animator.setDuration(1000).start();animator.addUpdateListener(new AnimatorUpdateListener()){@overridepublic void onAnimationUpdate(ValueAnimator animator){//得到动画执行过程中的数据变换Float value = (Float) animation.getAnimatedValue();//用户操作}}

监听动画的事件

对于动画,一般都是一些辅助效果,比如我要删除个元素,我可能希望是个淡出的效果,但是最终还是要删掉,并不是你透明度没有了,还占着位置,所以我们需要知道动画如何结束。

所以我们可以添加一个动画的监听:

[java]  view plain  copy
  1. public void fadeOut(View view)  
  2.     {  
  3.         ObjectAnimator anim = ObjectAnimator.ofFloat(mBlueBall, "alpha"0.5f);  
  4.           
  5.         anim.addListener(new AnimatorListener()  
  6.         {  
  7.   
  8.             @Override  
  9.             public void onAnimationStart(Animator animation)  
  10.             {  
  11.                 Log.e(TAG, "onAnimationStart");  
  12.             }  
  13.   
  14.             @Override  
  15.             public void onAnimationRepeat(Animator animation)  
  16.             {  
  17.                 // TODO Auto-generated method stub  
  18.                 Log.e(TAG, "onAnimationRepeat");  
  19.             }  
  20.   
  21.             @Override  
  22.             public void onAnimationEnd(Animator animation)  
  23.             {  
  24.                 Log.e(TAG, "onAnimationEnd");  
  25.                 ViewGroup parent = (ViewGroup) mBlueBall.getParent();  
  26.                 if (parent != null)  
  27.                     parent.removeView(mBlueBall);  
  28.             }  
  29.   
  30.             @Override  
  31.             public void onAnimationCancel(Animator animation)  
  32.             {  
  33.                 // TODO Auto-generated method stub  
  34.                 Log.e(TAG, "onAnimationCancel");  
  35.             }  
  36.         });  
  37.         anim.start();  
  38.     }  

这样就可以监听动画的开始、结束、被取消、重复等事件~但是有时候会觉得,我只要知道结束就行了,这么长的代码我不能接收,那你可以使用AnimatorListenerAdapter [java]  view plain  copy
  1. anim.addListener(new AnimatorListenerAdapter()  
  2. {  
  3.     @Override  
  4.     public void onAnimationEnd(Animator animation)  
  5.     {  
  6.         Log.e(TAG, "onAnimationEnd");  
  7.         ViewGroup parent = (ViewGroup) mBlueBall.getParent();  
  8.         if (parent != null)  
  9.             parent.removeView(mBlueBall);  
  10.     }  
  11. });  

AnimatorListenerAdapter继承了AnimatorListener接口,然后空实现了所有的方法~


AnimatorSet的使用:

对于一个属性同时作用多个属性动画效果,前面已经用PropertyValuesHolder 实现了这样的效果。而AnimatorSet 不仅能实现这样的效果,同时也能实现更为精确的顺序控制。

eg:

ObjectAnimator a1 = ObjectAnimator.ofFloat(view , "translationX" , 300f);ObjectAnimator a2 = ObjectAnimator.ofFloat(view , "scaleX" , 1f , 0f , 1f);ObjectAnimator a3 = ObjectAnimator.ofFloat(view , "scaleY" , 1f , 0f , 1f);AnimatorSet set = new AnimatorSet();set.setDuration(1000);set.playTogether(a1 , a2 , a3);set.start();

在属性动画中,AnimatorSet正是通过playTogether() , playSequentially() , animSet.play().with() . before() , after()这些方法的来控制多个动画的协同工作方式,从而做到对动画播放顺序的精确控制。

1、如何使用xml文件来创建属性动画

大家肯定都清楚,View Animator 、Drawable Animator都可以在anim文件夹下创建动画,然后在程序中使用,甚至在Theme中设置为属性值。当然了,属性动画其实也可以在文件中声明:

首先在res下建立animator文件夹,然后建立res/animator/scalex.xml

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:duration="1000"  
  4.     android:propertyName="scaleX"  
  5.     android:valueFrom="1.0"  
  6.     android:valueTo="2.0"  
  7.     android:valueType="floatType" >  
  8. objectAnimator>  
代码: [java]  view plain  copy
  1. public void scaleX(View view)  
  2.     {  
  3.         // 加载动画  
  4.         Animator anim = AnimatorInflater.loadAnimator(this, R.animator.scalex);  
  5.         anim.setTarget(mMv);  
  6.         anim.start();  
  7.     }  

如果我希望纵向与横向同时缩放呢?则可以怎么定义属性文件:

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:ordering="together" >  
  4.   
  5.     <objectAnimator  
  6.         android:duration="1000"  
  7.         android:propertyName="scaleX"  
  8.         android:valueFrom="1"  
  9.         android:valueTo="0.5" >  
  10.     objectAnimator>  
  11.     <objectAnimator  
  12.         android:duration="1000"  
  13.         android:propertyName="scaleY"  
  14.         android:valueFrom="1"  
  15.         android:valueTo="0.5" >  
  16.     objectAnimator>  
  17.   
  18. set>  

使用set标签,有一个orderring属性设置为together,【还有另一个值:sequentially(表示一个接一个执行)】。

另外缩放、反转等都有中心点或者轴,默认中心缩放,和中间对称线为反转线,所以我决定这个横向,纵向缩小以左上角为中心点:

代码:

[java]  view plain  copy
  1. // 加载动画  
  2.         Animator anim = AnimatorInflater.loadAnimator(this, R.animator.scale);  
  3. //设置中心只能在代码中设置了
  4.         mMv.setPivotX(0);  
  5.         mMv.setPivotY(0);  
  6.         //显示的调用invalidate  
  7.         mMv.invalidate();  
  8.         anim.setTarget(mMv);  
  9.         anim.start();  




更多相关文章

  1. 【Android】system.prop 的属性控制(例如C/C++的宏控制)
  2. 动起来!动起来!- Android(安卓)Transitions 转场动画
  3. Android(安卓)persistent属性研究
  4. 解析 Android(安卓)开发时的 SDK 版本参数设定
  5. (ios实战)实现类似于android 的toast控件
  6. android 自定义view实现图形移动
  7. Android属性动画之ObjectAnimator使用
  8. Android(安卓)揭露动画(Reveal Effect)的兼容实现
  9. Android使用Rotate3dAnimation实现3D旋转动画效果的实例代码

随机推荐

  1. 动画:面试必刷之二叉树的子结构
  2. 详解 centos7设置nfs文件共享 实操记
  3. 2020 总结 | VoltDB的亮点,你了解多少?
  4. 自学系列 | 俺今天就谈兴趣!
  5. 自学第五十五天
  6. C++中 unordered_map 与 map 的区别
  7. 谁的青春不迷茫?
  8. kubernetes 命令随手记录
  9. modelsim经常破解失败
  10. 动画:面试算法之求二叉树的下一节点