Android 属性动画ValueAnimator与插值器详解

时间:2021-05-21

Android 属性动画ValueAnimator与插值器详解

一、ValueAnimator详解:

ValueAnimator是整个动画的核心,ObjectAnimator即是继承自ValueAnimator来实现。
ValueAnimator更像是一个数值发生器,用来产生具有一定规律的数字,从而让调动者来控制动画的实现过程。

1、ValueAnimator的使用:

ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, 100); valueAnimator.setDuration(1000).start(); //可以设置插值器来设置动画的类型,比如是“加速”,"减速",还是"先加速后减速"等,下面为使用系统的减速插值器 //参考网址:http://blog.sina.com.cn/s/blog_6e519585010157zt.html valueAnimator.setInterpolator(new DecelerateInterpolator()); final int baseWidth = animatorBt.getWidth(); //valueAnimator会在1000毫秒内产生0到100的数值,而我们可以在回调中通过animation.getAnimatedValue()得到此数值,然后进行自定义动画设置 valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Float value = (Float) animation.getAnimatedValue(); LogUtils.showLog("value为"+value); //使用这个value //1.改变距离 animatorBt.setTranslationX(value * 5); //2.改变透明度 animatorBt.setAlpha(1 - (value) / 200); //3.增加button的宽度,这个是在ObjectAnimator中无法直接设置的 ViewGroup.LayoutParams params = animatorBt.getLayoutParams(); params.width = (int) (baseWidth + value); LogUtils.showLog("宽度为"+params.width); //当这个view的布局属性改变了之后要调用这个方法 animatorBt.requestLayout(); } }); } }, 1000);

2、停止ValueAnimator动画:

可以调用ValueAnimator对象的cancel()方法或者end()方法。 首先调用上述两种方法都会停止动画,不过区别就在于

1、调用cancel()后,ValueAnimator会立即停止,不会再回调了。
2、调用end()后,ValueAnimator会直接回调此动画结束状态的那个值,即,如果调用了end(),动画会直接停止到最后。

二、Android插值器Interpolator的使用:

插值器可以实现动画实现衰减效果,比如"逐渐减小",“逐渐增大”,“先加速后减速”

下面是几种常用的插值器:

1、AccelerateInterpolator:动画从开始到结束,变化率是一个加速的过程。
2、DecelerateInterpolator:动画从开始到结束,变化率是一个减速的过程。
3、CycleInterpolator:动画从开始到结束,变化率是循环给定次数的正弦曲线。
4、AccelerateDecelerateInterpolator:动画从开始到结束,变化率是先加速后减速的过程。
5、LinearInterpolator:动画从开始到结束,变化率是线性变化。

1、使用方法为:

//设置一个减速的插值器 valueAnimator.setInterpolator(new DecelerateInterpolator());

ValueAnimator的原理可以去看看其源码:

void animateValue(float fraction) { //fraction即为线性的从0-1.0的大小,即假如从200-500,200ms完成,在200ms内,fraction是从0-1.0f来变化更新的,跟具体的要变化的数字没有关系,也可以理解为,fraction为坐标轴上的x值 //下面即为将x值传给自己的插值器 fraction = mInterpolator.getInterpolation(fraction); mCurrentFraction = fraction; int numValues = mValues.length; for (int i = 0; i < numValues; ++i) { mValues[i].calculateValue(fraction); } //此为将最后的数据回调回去 if (mUpdateListeners != null) { int numListeners = mUpdateListeners.size(); for (int i = 0; i < numListeners; ++i) { mUpdateListeners.get(i).onAnimationUpdate(this); } } }

2、自定义插值器:

//所以,要使用自定义的插值器的话,需要继承BaseInterpolator抽象类,然后实现里面的抽象方法: float getInterpolation(float input );//input是传入的从0-1.0f的x值,而我们就是返回0-1.0f的y值。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章