您的位置:首页 > 移动开发 > Android开发

Android属性动画

2015-10-07 11:16 337 查看

1、概述

Android的动画可以分为三种:补间动画,帧动画,属性动画。现在很多书籍种大部分都是简单的描述补间动画和帧动画,属性动画的概念却没有提到,所以今天就全面的分析一下属性动画。属性动画实际操作的是View的属性值,因此可以很灵活的实现各种效果,而不局限于之前的几种动画。

2、ObjectAnimator

objectAnimator是我们属性动画常用到的类,创建他的实例只需要通过他的简单工厂来返回。传的参数包括一个对象和对象的属性,对象的属性必须要有GET和SET方法,还要填写属性的初始值和最终值,如果属性值只写一个,那么会认为是最终值。

ObjectAnimator实例

ObjectAnimator
.ofFloat(view, "width", 0.0F, 360.0F)
.setDuration(1000)
.start();

这个例子的效果是让View的宽度经过1秒之后从0px变成360px。
    动画绘制过程的监听

animator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator arg0) {
}
});


该方法用来监听每一帧动画的绘制过程,我们可以再每一帧动画绘制的过程中,实现自己的逻辑
同时修改多个属性值
    ps:有两种方式,一个是通过AnimatorSet,另一种就是通过监听帧
<span style="font-size:14px;">ObjectAnimator anim = ObjectAnimator.ofFloat(view, "wxb", 1.0F, 0.0F)
.setDuration(500);
anim.start();
anim.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
floatcVal = (Float) animation.getAnimatedValue();
view.setAlpha(cVal);
view.setScaleX(cVal);
view.setScaleY(cVal);
}
});</span>
我们监听一个并不存在的属性,因为我只需要监听它的帧数变化,通过得到这个变化值,我们来实现自己所要实现的效果。

多动画效果的另一种实现方法——propertyValuesHolder

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();
}


为不具有Get和Set属性提供修改方法
Google为我们提供了2种方法为我们参考,一种是通过自己写一个包装类,为其提供Get和Set方法,另一种是通过ValueAnimator的方法供我们进行实现。
包装类
private static class WrapperView {
private View mTarget;

public WrapperView(View target) {
mTarget = target;
}

public int getWidth() {
return mTarget.getLayoutParams().width;
}

public void setWidth(int width) {
mTarget.getLayoutParams().width = width;
mTarget.requestLayout();
}
}

使用
ViewWrapper wrapper = new ViewWrapper(mButton);
ObjectAnimator.ofInt(wrapper, "width", 500).setDuration(5000).start();


这样我们就给属性加上了Get和Set方法。

3、ValueAnimator

相比与ObjectAnimator,ValueAnimator并不能直接操作属性,它更像一个数值提供者,他通过提供数值,我们来监听他的值变化来实现自己的逻辑。

ValueAnimator animator = ValueAnimator.ofFloat(0, 100);
animator.setTarget(view);
animator.setDuration(1000).start();
animator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
Float value = (Float) animation.getAnimatedValue();
imageView.setTranslationY(value);
}
});

我们可以发现,相比于ObjectAnimator他显然封装的更好。ValueAnimator是计算动画过程中的值,包括动画开始结束,包括持续的值。但是并没有具体到哪个对象上面。所以也就不会有什么动画出来。要利用ValueAnimator实现动画效果,就跟我们上面所说的一样,就是给我们的ValueAnimator对象添加动画监听,在监听过程种,我们可以通过getAnimatedValue来获取当前帧数的值,从而实现自己的逻辑。
ValueAnimtor里面封装了一个TypeEvaluator,TypeEvaluator定义了从属性值从开始到结束的变化速率,简单来说他可以是变速的,或者是均速的,我们上次的ValueAnimator.offloat就是通过这个来实现的。还有TimeInterpolator他是时间插入值。反应动画的运动速率。



源代码

public class FloatEvaluator implements TypeEvaluator {
public Object evaluate(float fraction, Object startValue, Object endValue) {
float startFloat = ((Number) startValue).floatValue();
return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);
}
}

可以看到FloatEvaluator实现了TypeEvaluator接口,重写了evaluator方法,里面有三个参数,第一个参数是动画的完成度,第二个和第三个参数是动画的初始值和结束值。现在写一个实例,大家感受一下。相信大家可以理解并且应用的。这里就不多做介绍了(偷懒一下,有什么问题留言。我会抽时间给大家解答)
ValueAnimator animator=ValueAnimator.ofObject(new TypeEvaluator<Number>() {

@Override
public Number evaluate(float arg0, Number startvalue, Number endvalue) {
// TODO Auto-generated method stub
float startValue=startvalue.floatValue();
return startValue+arg0*(endvalue.floatValue()-startValue);
}
}, 0,100);
animator.setDuration(1000);
animator.setInterpolator(new BounceInterpolator());
animator.start();
animator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator arg0) {
// TODO Auto-generated method stub
float indexValue=(Float) arg0.getAnimatedValue();
view.setTranslationX(indexValue);
}
});

4、AnimatorSet

AnimatorSet用于实现多个动画的协作。相比之前的ObjectAnimator通过监听实现多动画同时进行的方法,AnimtorSet可以定义动画按什么顺序来播放。AnimatorSet中有一系列的顺序控制方法:playTogether、playSequentially、animSet.play().with()、defore()、after()等。用来实现多个动画的协同工作方式。他的使用方法也非常简单。
ObjectAnimator animator1 = ObjectAnimator.ofFloat(imageView, "scaleX",
1f, 2f);
ObjectAnimator animator2 = ObjectAnimator.ofFloat(imageView, "scaleY",
1f, 2f);
ObjectAnimator animator3 = ObjectAnimator.ofFloat(imageView,
"translationY", 0f, 500f);
AnimatorSet set = new AnimatorSet();
set.setDuration(1000);
set.playTogether(animator1, animator2, animator3);
set.start();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: