Android属性动画

Android属性动画

属性动画

属性动画的核心主要是ObjectAnimator，ValueAnimator这几个对象的使用。下面对各个方法的使用进行介绍。

ObjectAnimator的使用：

一.单个动画的使用：

y轴旋转从0度旋转到360度

ObjectAnimator
    .ofFloat(imageView,"rotationY",0,360) 
    .setDuration(1000)
    .start();

x轴旋转从0度旋转到360度

ObjectAnimator
    .ofFloat(imageView,"rotationX",0,360) 
    .setDuration(1000)
    .start();

宽度从原始长度到1.5倍长度

ObjectAnimator
    .ofFloat(imageView,"scaleX",1f,1.5f) 
    .setDuration(1000)
    .start();

高度从原始长度到1.5倍长度

ObjectAnimator
    .ofFloat(imageView,"scaleY",1f,1.5f) 
    .setDuration(1000)
    .start();

沿着x轴正方向从原始位置移动到相对于原始位置100px的位置

ObjectAnimator
    .ofFloat(imageView,"translationX",0,100) 
    .setDuration(1000)
    .start();

沿着y轴正方向从原始位置移动到相对于原始位置100px的位置

ObjectAnimator
    .ofFloat(imageView,"translationY",0,100) 
    .setDuration(1000)
    .start();

透明度从不透明到完全透明

ObjectAnimator
    .ofFloat(imageView,"alpha",1,0) 
    .setDuration(1000)
    .start();

颜色改变动画，需要用到ObjectAnimator.ofArgb()方法(需要在API Level 21及以上的版本使用)，如下是改变textView的背景颜色。

int startColor = 0xffff0000;
int endColor = 0xff00ff00;
ObjectAnimator
.ofArgb(textView,"backgroundColor",startColor,endColor)
.setDuration(1000)
.start();

二.混合动画的使用：

针对一个View的混合动画主要使用到了PropertyValuesHolder，如果你想把scaleX和scaleY结合起来使用，那么需要构造两个对应的PropertyValuesHolder对象，最后再调用ObjectAnimator.ofPropertyValuesHolder，如下：

PropertyValuesHolder propertyValuesHolder1 = PropertyValuesHolder.ofFloat( "scaleX", 1f, 1.5f);
PropertyValuesHolder propertyValuesHolder2 = PropertyValuesHolder.ofFloat("scaleY", 1f, 1.5f);
ObjectAnimator.ofPropertyValuesHolder(imageView,propertyValuesHolder1
,propertyValuesHolder2)
.setDuration(3000)
.start();

AnimatorSet的使用

ObjectAnimator animator1 = ObjectAnimator.ofFloat(imageView,"scaleX",1f,4f,1f);
ObjectAnimator animator2 = ObjectAnimator.ofFloat(imageView,"scaleY",1f,4f,1f);
AnimatorSet animSet = new AnimatorSet();
//animSet.play(animator1).with(animator2);//一起执行
animSet.play(animator1).after(animator2);//animator1在animator2执行完后执行
//animSet.play(animator1).before(animator2);//animator1在animator2前执行
//animSet.playTogether(animator1,animator2);////一起执行
animSet.setDuration(2000);
animSet.start();

两个属性的值随着Path进行变换(需要在API Level 21及以上的版本使用)

Path path = new Path();
//这边是一个矩形路径，前4个值是left,top,right,bottom值，最后一个参数表示动画的方向（CW代表顺时针和CCW代表逆时针）。
path.addRect(10,10,300,300,Path.Direction.CW);          ObjectAnimator.ofFloat(imageView,"translationX","translationY",path).setDuration(3000).start();

三.自定义属性动画：

使用下面的API实现自定义的属性动画

ofFloat(T target, Property property, float... values)

实例：
自定义的CircleView：

public class CircleView extends View {
    private Paint paint;
    private float radius;

    public float getRadius() {
        return radius;
    }
    public void setRadius(float radius) {
        this.radius = radius;

    public CircleView(Context context) {
        super(context);
    }
    public CircleView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CircleView(Context context, AttributeSet attrs, int
       defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }


    @Override
    protected void onDraw(Canvas canvas) {
        if (paint == null) {
            paint = new Paint();
            paint.setColor(getResources().getColor(
            android.R.color.holo_red_light));
        }
        canvas.drawCircle(getWidth()/2, getHeight()/2, radius, 
            paint);
    }
}

动画执行代码：

Property property = new Property(Float.class, "radius") {
    @Override
     public Float get(CircleView object) {
         return object.getRadius();
     }

    @Override
     public void set(CircleView object, Float value) {
                      object.setRadius(value);
     }
};
ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(circleView, property, 10f,100f,10f);
objectAnimator.setRepeatCount(10);
objectAnimator.addUpdateListener(new  ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
                  circleView.invalidate();
    }
});
objectAnimator.setDuration(2000);
objectAnimator.start();

xml布局：

实例效果：

ValueAnimator的使用

ValueAnimator类是我们上面说到的ObjectAnimator的父类，阅读源码，我们可以发现ObjectAnimator动画最终是通过ValueAnimation实现的。下面就来说说ValueAnimator的使用。

单个值变化 ，imageView沿着x轴从1移动到100，这边其实把ValueAnimator换成ObjectAnimator也是一样的效果，因为ObjectAnimator是ValueAnimator的子类。

ValueAnimator valueAnimator = ValueAnimator.ofFloat(1,100);
valueAnimator.setDuration(1000);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
     @Override
      public void onAnimationUpdate(ValueAnimator animation) {
          imageView.setTranslationX((Float) animation.getAnimatedValue());
     }
 });
valueAnimator.start();

多个值变化

PropertyValuesHolder property1 = PropertyValuesHolder.ofFloat("value1", 1,100);
Prop