Android Property Animation

浏览数：27 / 时间：2015年06月11日

Property Animation介绍：

出生在3.0，是利用了View所拥有的属性，进行一系列的操作。比如一个View有什么样的setAbc的属性，那么理论上就可以设置它。

它不仅改变View的绘制，也改变了View的属性；而Tween Animation 只改变View的绘制。

ValueAnimator 为动画的基类，它有一个子类ObjectAnimator。需要Interpolator和TypeEvaluator来计算属性值。

Interpolator 时间插入器，动画的运动速率，参见上一篇Tween Animation

TypeEvaluator Animator的工厂方法 of方法能创建属性为任何值类型的对象。TypeEvaluator就是用来计算属性值的

3.0以后新增了一些View的属性：

1）translationX 和 translationY：这两个属性控制了View所处的位置，它们的值是由layout容器设置的，是相对于坐标原点（0，0左上角）的一个偏移量。

2）rotation, rotationX 和 rotationY：控制View绕着轴点（pivotX和pivotY）旋转。它的表现跟Tween Animation中的RotateAnimation不一致。

RotateAnimation 的旋转，表现为平面的旋转

而rotationX、Y 旋转，是立体的旋转，默认是以View的中心点，做x y的水平线，面向水平线进行翻转

3）scaleX 和 scaleY：控制View基于pivotX和pivotY的缩放。

4）pivotX 和 pivotY：旋转的轴点和缩放的基准点，默认是View的中心点。

5）x 和 y：描述了view在其父容器中的最终位置，是左上角左标和偏移量（translationX，translationY）的和。

6）aplha：透明度，1是完全不透明，0是完全透明。

以上这些属性与Tween Animation的动画属性值差不多

ObjectAnimator 对象动画

该动画，一次只能表示一个动作属性。

ObjectAnimator的xml实现

xml定义动画

res/animator/scale_object_animator.xml

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:propertyName="scaleX"
    android:repeatCount="1"
    android:repeatMode="reverse"
    android:valueFrom="1.0"
    android:valueTo="2.0" >

</objectAnimator>

代码加载动画xml

imageview_scale.setBackground(getResources().getDrawable(R.drawable.a11));
		ObjectAnimator scaleAnimator = (ObjectAnimator) AnimatorInflater.loadAnimator(this, R.animator.scale_object_animator);
		scaleAnimator.setTarget(imageview_scale);//设置动画作用的目标对象
		scaleAnimator.setDuration(1000);
		scaleAnimator.setRepeatCount(50);
		scaleAnimator.start();

AnimatorSet 动画集

由ObjectAnimator 和 ValueAnimator 组成，对应的xml中的写法类似为 <se> <objectAnimator /> <animator /> </set>

xml定义动画

res/animator/set_rotate_scale.xml

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

    <set>
        <objectAnimator
            android:propertyName="rotationX"
            android:repeatCount="50"
            android:repeatMode="reverse"
            android:valueFrom="0"
            android:valueTo="20" />
        <objectAnimator
            android:propertyName="rotationY"
            android:repeatCount="50"
            android:repeatMode="reverse"
            android:valueFrom="0"
            android:valueTo="45"
            android:valueType="floatType" />
    </set>
    <set>
        <objectAnimator
            android:propertyName="scaleX"
            android:repeatCount="50"
            android:repeatMode="reverse"
            android:valueFrom="1.0"
            android:valueTo="2.0" >
        </objectAnimator>
        <objectAnimator
            android:propertyName="scaleY"
            android:repeatCount="50"
            android:repeatMode="reverse"
            android:valueFrom="1.0"
            android:valueTo="2.0" >
        </objectAnimator>
    </set>

</set>

代码加载动画xml

imageview_rotate.setBackground(getResources().getDrawable(R.drawable.a11));
		AnimatorSet animatorSet = (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.set_rotate_scale);
		animatorSet.setTarget(imageview_rotate);
		animatorSet.setDuration(1000);
		animatorSet.setInterpolator(new BounceInterpolator());//设置end时的弹跳插入器
		animatorSet.start();

PropertyValuesHolder

//使用PropertyValuesHolder 构造 Animator   组合成类似set的效果
		PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("scaleX",0f,2.5f);
		PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleY",0f,3f);     
		ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(imageview, pvhX,pvhY);
		animator.setDuration(2000);
		animator.start();

ViewPropertyAnimator

通过view.animate()来获取ViewPropertyAnimator

imageview.setBackground(getResources().getDrawable(R.drawable.a11));
		ViewPropertyAnimator animate = imageview.animate();//该对象没有setRepeat的方法
		//通过一些动画属性来设置 组合成类似set的效果
		animate.alpha(0);
		animate.rotationX(50);
		animate.translationXBy(500);
		animate.scaleX(1.5f);
		animate.scaleY(1.5f);
		animate.setInterpolator(new BounceInterpolator());
		animate.setDuration(2000);
		animate.start();

ValueAnimator

ValueAnimator代码和xml设置中没有setPropertyName 因为不是操作对象，只是根据value进行某种动作
需要加监听器，监听值的变化做相应的处理

xml定义动画

<?xml version="1.0" encoding="utf-8"?>
<animator xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/accelerate_interpolator"
    android:duration="10000"
    android:startOffset="1000"
    android:repeatCount="infinite"
    android:repeatMode="restart"
    android:valueFrom="1"
    android:valueTo="100"
    android:valueType="intType">

</animator>

代码加载动画xml

ValueAnimator valueAnimator = (ValueAnimator) AnimatorInflater.loadAnimator(this, R.animator.animator);
		valueAnimator.setTarget(tv_num);
		valueAnimator.setEvaluator(new TypeEvaluator<Integer>() {

			@Override 
			public Integer evaluate(float fraction, Integer startValue, Integer endValue) {
				System.out.println("百分比，fraction:" + fraction);
				System.out.println("结果值:" + (int)((startValue + fraction * (endValue - startValue)) / 10 * 10));
			    return (int)((startValue + fraction * (endValue - startValue)) / 10 * 10);
			}
		});
		valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
			
			@Override
			public void onAnimationUpdate(ValueAnimator animation) {
				//在onAnimationUpdate中 该值返回第一个动画的 当前帧的evaluate 值
				System.out.println("animation.getAnimatedValue()==" + animation.getAnimatedValue());
				tv_num.setText(animation.getAnimatedValue() + "");
			}
		});
//		valueAnimator.setInterpolator(new LinearInterpolator());
		valueAnimator.start();

Animator的监听器

AnimatorListener

new AnimatorListener() {
			
			@Override
			public void onAnimationStart(Animator animation) {
				
			}
			
			@Override
			public void onAnimationRepeat(Animator animation) {
				
			}
			
			@Override
			public void onAnimationEnd(Animator animation) {
				
			}
			
			@Override
			public void onAnimationCancel(Animator animation) {
				
			}
		}

AnimatorListenerAdapter

new AnimatorListenerAdapter() {//空实现了AnimatorListener

			@Override
			public void onAnimationCancel(Animator animation) {
				super.onAnimationCancel(animation);
			}

			@Override
			public void onAnimationEnd(Animator animation) {
				super.onAnimationEnd(animation);
			}

			@Override
			public void onAnimationRepeat(Animator animation) {
				super.onAnimationRepeat(animation);
			}

			@Override
			public void onAnimationStart(Animator animation) {
				super.onAnimationStart(animation);
			}

			@Override
			public void onAnimationPause(Animator animation) {
				super.onAnimationPause(animation);
			}

			@Override
			public void onAnimationResume(Animator animation) {
				super.onAnimationResume(animation);
			}
			
		}

AnimatorUpdateListener

new AnimatorUpdateListener() {
			
			@Override
			public void onAnimationUpdate(ValueAnimator animation) {
				//在onAnimationUpdate中 该值返回第一个动画的 当前帧的evaluate 值
				System.out.println("animation.getAnimatedValue()==" + animation.getAnimatedValue());
			}
}

一些操作函数：animator.pause(); animator.resume();animator.reverse(); animator.end();animator.cancel();

animator.start();animator.isStarted();animator.isPaused();animator.isRunning();

用属性动画换背景色

详见ApiDemo要下的 BouncingBalls.java

private static final int RED = 0xffFF8080;
private static final int BLUE = 0xff8080FF;
private static final int CYAN = 0xff80ffff;
private static final int GREEN = 0xff80ff80;

{
	//动画 变色  
	ObjectAnimator colorAnim = ObjectAnimator.ofInt(this, "backgroundColor", CYAN, BLUE, RED);
	colorAnim.setTarget(ll_animation);
	colorAnim.setEvaluator(new ArgbEvaluator());
	colorAnim.setRepeatCount(ValueAnimator.INFINITE);
	colorAnim.setRepeatMode(ValueAnimator.REVERSE);
	colorAnim.setDuration(3000);
	colorAnim.start();
}

Android Property Animation,,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

Android Property Animation