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();
相关文章推荐
- Android ADB命令环境配置(Windows下)
- 视频Android studio1.3.1从菜鸟到高手--第一季-IT蓝豹
- 高德地图 AndroidSDK 自定义Marker
- 【Android】【6.0版本】Android 6.0 相关
- 【Android】【6.0版本】Android 6.0 相关
- 【Android】【6.0版本】Android 6.0 相关
- 【Android】【6.0版本】Android 6.0 相关
- 【Android】【6.0版本】Android 6.0 相关
- 【Android】【6.0版本】Android 6.0 相关
- 【Android】【6.0版本】Android 6.0 相关
- 关于LoonAndroid框架环境的搭建
- Android APK反编译步骤
- Android Spinner实现二级联动
- JAVA || Android 所有省,市级联名称
- Fresco(2)——fresco的基本使用
- Fresco(1)——一个新的android图片加载库
- android自定义dialog,添加了selector和shape混合使用
- android---(样式、主题、自定义组件)
- Android Api Demos登顶之路(八十八)Graphics-->ScaleToFit
- Android入门:广播发送者与广播接收者