Android: Property Animation 属性动画的使用

属性动画四种动画 :

           alpha                渐变

      scaleX             缩放  以x中心轴

      scaleY             缩放  以y中心轴

      translationX      位移  以x中心轴

      translationY      位移  以y中心轴

     

      rotation         旋转   通过 setPivotX(100);  setPivotY(100); 设置中心点

           rotationX       旋转   以x中心轴

           rotationY       旋转   以y中心轴

 Property Animation 是Android3.0(level 11)引入的一个款功能强大、灵活、健壮的动画系统,和补间动画很相似,不同的是补间动画不更改属性的值,只是实现了动画的效果,

但是属性动画是根据更改属性值来实现动画的效果.

ValueAnimator是Property Animation的核心类.

ValueAnimator的介绍:

          Animator.AnimatorListener  属性动画的事件监听

                      onAnimationStart (Animator  animation )   //动画开始触发

                     onAnimationRepeat(Animator  animation )  //动画循环播放触发

             onAnimationEnd(Animator  animation )      //动画结束触发

            onAnimationCancel(Animator  animation )   //动画取消触发  不管是什么情况下结束

    Animator.AnimatorUpdateListener               //当使用ValueAnimator进行动画实现的情况下  需要实现这个事件监听

          onAnimationUpadate (ValueAnimator  animation )     //动画每一帧都会调用这个方法   在这个方法中进行属性的更改

            getAnimatedValue()                             //通过这个方法可以获得当前的值  animation.getAnimaedValue()

创建一个动画    设置textview左间距从0到100改变的动画

   
   

    
    

     
     ValueAnimator mAnimator = ValueAnimator.ofInt(0, 100); // 创建值动画
    
    
    
    

     
     																// 从0到100开始执行
    
    
    
    

     
     		mAnimator.addUpdateListener(new AnimatorUpdateListener() {
    
    
    
    

     
      
    
    
    
    

     
     			@Override
    
    
    
    

     
     			public void onAnimationUpdate(ValueAnimator animation) {
    
    
    
    

     
     				int animatedValue = (int) animation.getAnimatedValue(); // 获得0到100的执行值
    
    
    
    

     
     				MarginLayoutParams layoutParamss = (MarginLayoutParams) textview
    
    
    
    

     
     						.getLayoutParams();                       
    
    
    
    

     
     				layoutParamss.leftMargin = animatedValue;		//设置textview的外间距
    
    
    
    

     
     				textview.setLayoutParams(layoutParamss);		//改变textveiw的属性值
    
    
    
    

     
     			}
    
    
    
    

     
     		});
    
    
    
    

     
     		mAnimator.setDuration(2000);
    
    
    
    

     
     		mAnimator.setRepeatCount(ValueAnimator.INFINITE);
    
    
    
    

     
     		mAnimator.setRepeatMode(ValueAnimator.REVERSE);
    
    
    
    

     
     		mAnimator.start();
    
    
   
   

 ValueAnimator值动画只是提供了值的改变,具体的属性值应该是多少  还需要自己去计算和设置

例如设置一个控件的大小改变

          

  
  

   
   

    
    ** 
   
   
   
   

    
         * 隐藏或显示ListView的动画 
   
   
   
   

    
         */  
   
   
   
   

    
        public void hideOrShowListViewAnimator(final int startValue,final int endValue){  
   
   
   
   

    
            //1.设置属性的初始值和结束值  
   
   
   
   

    
            ValueAnimator mAnimator = ValueAnimator.ofInt(0,100);  
   
   
   
   

    
            //2.为目标对象的属性变化设置监听器  
   
   
   
   

    
            mAnimator.addUpdateListener(new AnimatorUpdateListener() {  
   
   
   
   

    
                @Override  
   
   
   
   

    
                public void onAnimationUpdate(ValueAnimator animation) {  
   
   
   
   

    
                    // TODO Auto-generated method stub  
   
   
   
   

    
                    int animatorValue = (int)animation.getAnimatedValue();  
   
   
   
   

    
                    float fraction = animatorValue/100f;  
   
   
   
   

    
                    IntEvaluator mEvaluator = new IntEvaluator();  
   
   
   
   

    
                    //3.使用IntEvaluator计算属性值并赋值给ListView的高   IntEvaluator是把startValue减去endValue乘以百分比在加上startValue
   
   
   
   

    
                    mListView.getLayoutParams().height = mEvaluator.evaluate(fraction, startValue, endValue);  
   
   
   
   

    
                    mListView.requestLayout();  
   
   
   
   

    
                }  
   
   
   
   

    
            });  
   
   
   
   

    
            //4.为ValueAnimator设置LinearInterpolator  
   
   
   
   

    
            mAnimator.setInterpolator(new LinearInterpolator());  
   
   
   
   

    
            //5.设置动画的持续时间  
   
   
   
   

    
            mAnimator.setDuration(500);  
   
   
   
   

    
            //6.为ValueAnimator设置目标对象并开始执行动画  
   
   
   
   

    
            mAnimator.setTarget(mListView);  
   
   
   
   

    
            mAnimator.start();  
   
   
   
   

    
        }  
   
   
  
  

ObjectAnimator的介绍:

重要方法:

         view. setRotation();     //view的方法  以view的中心点 改变view的角度属性值

      view. setRotationX( );     //view的方法  以view的x的中心轴

      view. setScaleX();        //view的方法  进行x值的缩放

      view. setAlpha();         //view的方法  改变透明度的属性值
      view. setTranslationX();   //view的方法  改变x的位移属性值

ObjectAnimator是ValueAnimator的实现类,对ValueAnimator进行了封装,帮你实现了UpdateListener()的操作

    位移动画的实现:

          

  
  

   
   

    
    	ObjectAnimator animator1 = ObjectAnimator.ofFloat(textview,
   
   
   
   

    
    						"translationX", 0, 300);
   
   
   
   

    
    				animator1.setDuration(1000);
    
              
    
                //设置动画时间
   
   
   
   

    
    				animator1.setRepeatCount(111);
    
              
    
              //设置动画播放次数
   
   
   
   

    
    				animator1.setRepeatMode(ObjectAnimator.REVERSE); //设置动画模式
   
   
   
   

    
    				animator1.setInterpolator(new OvershootInterpolator());//设置插值器
   
   
   
   

    
    				animator1.start();
   
   
  
  

这种实现只是改变了X值的位移,如果改变Y值的位移把translationX改变为translationY

但是有个问题,如果我们要实现斜向移动应该怎么做呢    系统提供了一个 PropertyValuesHolder类来解决

  
  

   
   

    
    // x和y坐标 斜向移动
   
   
   
   

    
    				PropertyValuesHolder ofFloat = PropertyValuesHolder.ofFloat(
   
   
   
   

    
    						"translationX", 0, 300);
   
   
   
   

    
    				PropertyValuesHolder ofFloat1 = PropertyValuesHolder.ofFloat(
   
   
   
   

    
    						"translationY", 0, 300);
   
   
   
   

    
    				ObjectAnimator objectAnimator = ObjectAnimator
   
   
   
   

    
    						.ofPropertyValuesHolder(textview, ofFloat, ofFloat1);   //把x和y需要移动的值都添加到ObjectAnimator中
   
   
   
   

    
    				objectAnimator.setDuration(1000);
   
   
   
   

    
    				objectAnimator.setRepeatCount(ObjectAnimator.INFINITE);
   
   
   
   

    
    				objectAnimator.setRepeatMode(ObjectAnimator.REVERSE);
   
   
   
   

    
    				 objectAnimator.start();
    
     
   
   
  
  

旋转动画的实现:

以X中心轴进行旋转   从0度到90度再回去0度

   
   

    
    

     
      ObjectAnimator animator1 = ObjectAnimator.ofFloat(textview,
    
    
    
    

     
     				 "rotationX", 0.0f, 90.0f,0.0F);
    
    
    
    

     
     				 textview.setPivotX(100);
    
    
    
    

     
     				 textview.setPivotY(0);
    
    
    
    

     
     				 animator1.setDuration(2000).start();
    
    
   
   

以Y为中心轴进行旋转  

   
   

    
    

     
      ObjectAnimator animator2 = ObjectAnimator.ofFloat(textview,
    
    
    
    

     
     				 "rotationY", 0.0f, 90.0f,0.0F);
    
    
    
    

     
     				 textview.setPivotX(100);
    
    
    
    

     
     				 textview.setPivotY(0);
    
    
    
    

     
     				 animator2.setDuration(2000).start();
    
    
   
   

自己设置旋转中心轴

   
   

    
    

     
     ObjectAnimator animator = ObjectAnimator.ofFloat(textview,
    
    
    
    

     
     						"rotation", 0.0f, 90.0f, 0.0F);
    
    
    
    

     
     				textview.setPivotX(100);  //设置旋转中心的x值
    
    
    
    

     
     				textview.setPivotY(0);    
     
     //设置旋转中心的y值
    
    
    
    

     
     				animator.setDuration(2000).start();
    
    
   
   

渐变动画的实现:

   
   

    
    

     
     ObjectAnimator animator = ObjectAnimator.ofFloat(textview,
    
    
    
    

     
     						"alpha", 0f, 0.3f);
    
    
    
    

     
     				animator.start();
    
    
   
   

缩放动画的实现:

   
   

    
    

     
     ObjectAnimator animator1 = ObjectAnimator.ofFloat(textview,
    
    
    
    

     
     						"scaleY", 1.0f, 0.0f);
    
    
    
    

     
     				animator1.setDuration(1000);
    
    
    
    

     
     				animator1.setRepeatCount(ObjectAnimator.INFINITE);
    
    
    
    

     
     				animator1.setRepeatMode(ObjectAnimator.REVERSE);