Android 属性动画(Property Animation) 完全解析,事件分发机制Android

  1. public class ObjectAnimActivity extends Activity

  2. {

  3. @Override

  4. protected void onCreate(Bundle savedInstanceState)

  5. {

  6. super.onCreate(savedInstanceState);

  7. setContentView(R.layout.xml_for_anim);

  8. }

  9. public void rotateyAnimRun(View view)

  10. {

  11. ObjectAnimator//

  12. .ofFloat(view, “rotationX”, 0.0F, 360.0F)//

  13. .setDuration(500)//

  14. .start();

  15. }

  16. }

效果:

是不是一行代码就能实现简单的动画~~

对于ObjectAnimator

1、提供了ofInt、ofFloat、ofObject,这几个方法都是设置动画作用的元素、作用的属性、动画开始、结束、以及中间的任意个属性值。

当对于属性值,只设置一个的时候,会认为当然对象该属性的值为开始(getPropName反射获取),然后设置的值为终点。如果设置两个,则一个为开始、一个为结束~~~

动画更新的过程中,会不断调用setPropName更新元素的属性,所有使用ObjectAnimator更新某个属性,必须得有getter(设置一个属性值的时候)和setter方法~

2、如果你操作对象的该属性方法里面,比如上例的setRotationX如果内部没有调用view的重绘,则你需要自己按照下面方式手动调用。

[java]  view plain  copy

  1. anim.addUpdateListener(new AnimatorUpdateListener()

  2. {

  3. @Override

  4. public void onAnimationUpdate(ValueAnimator animation)

  5. {

  6. //              view.postInvalidate();

  7. //              view.invalidate();

  8. }

  9. });

3、看了上面的例子,因为设置的操作的属性只有一个,那么如果我希望一个动画能够让View既可以缩小、又能够淡出(3个属性scaleX,scaleY,alpha),只使用ObjectAnimator咋弄?

想法是不是很不错,可能会说使用AnimatorSet啊,这一看就是一堆动画塞一起执行,但是我偏偏要用一个ObjectAnimator实例实现呢~下面看代码:

[java]  view plain  copy

  1. public void rotateyAnimRun(final View view)

  2. {

  3. ObjectAnimator anim = ObjectAnimator//

  4. .ofFloat(view, “zhy”, 1.0F,  0.0F)//

  5. .setDuration(500);//

  6. anim.start();

  7. anim.addUpdateListener(new AnimatorUpdateListener()

  8. {

  9. @Override

  10. public void onAnimationUpdate(ValueAnimator animation)

  11. {

  12. float cVal = (Float) animation.getAnimatedValue();

  13. view.setAlpha(cVal);

  14. view.setScaleX(cVal);

  15. view.setScaleY(cVal);

  16. }

  17. });

  18. }

把设置属性的那个字符串,随便写一个该对象没有的属性,就是不管~~咱们只需要它按照时间插值和持续时间计算的那个值,我们自己手动调用~

效果:

这个例子就是想说明一下,有时候换个思路不要被API所约束,利用部分API提供的功能也能实现好玩的效果~~~

比如:你想实现抛物线的效果,水平方向100px/s,垂直方向加速度200px/s*s ,咋实现呢~~可以自己用ObjectAnimator试试~

4、其实还有更简单的方式,实现一个动画更改多个效果:使用propertyValuesHolder

[java]  view plain  copy

  1. public void propertyValuesHolder(View view)

  2. {

  3. PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat(“alpha”, 1f,

  4. 0f, 1f);

  5. PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat(“scaleX”, 1f,

  6. 0, 1f);

  7. PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat(“scaleY”, 1f,

  8. 0, 1f);

  9. ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY,pvhZ).setDuration(1000).start();

  10. }

 4、ValueAnimator实现动画

和ObjectAnimator用法很类似,简单看一下用view垂直移动的动画代码:

[java]  view plain  copy

  1. public void verticalRun(View view)

  2. {

  3. ValueAnimator animator = ValueAnimator.ofFloat(0, mScreenHeight

  4. - mBlueBall.getHeight());

  5. animator.setTarget(mBlueBall);

  6. animator.setDuration(1000).start();

  7. }

给你的感觉是不是,坑爹啊,这和ValueAnimator有毛线区别但是仔细看,你看会发现,没有设置操作的属性也就是说,上述代码是没有任何效果的,没有指定属性

这就是和ValueAnimator的区别之处:ValueAnimator并没有在属性上做操作,你可能会问这样有啥好处?我岂不是还得手动设置?

好处:不需要操作的对象的属性一定要有getter和setter方法,你可以自己根据当前动画的计算值,来操作任何属性,记得上例的那个【我希望一个动画能够让View既可以缩小、又能够淡出(3个属性scaleX,scaleY,alpha)】吗?其实就是这么个用法~

实例:

布局文件:

[html]  view plain  copy

  1. <RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

  2. xmlns:tools=“http://schemas.android.com/tools”

  3. android:layout_width=“match_parent”

  4. android:layout_height=“match_parent”

  5. android:id="@+id/id_container"

  6. >

  7. <ImageView

  8. android:id="@+id/id_ball"

  9. android:layout_width=“wrap_content”

  10. android:layout_height=“wrap_content”

  11. android:src="@drawable/bol_blue" />

  12. <LinearLayout

  13. android:layout_width=“fill_parent”

  14. android:layout_height=“wrap_content”

  15. android:layout_alignParentBottom=“true”

  16. android:orientation=“horizontal” >

  17. <Button

  18. android:layout_width=“wrap_content”

  19. android:layout_height=“wrap_content”

  20. android:onClick=“verticalRun”

  21. android:text=“垂直” />

  22. <Button

  23. android:layout_width=“wrap_content”

  24. android:layout_height=“wrap_content”

  25. android:onClick=“paowuxian”

  26. android:text=“抛物线” />

  27. </LinearLayout>

  28. </RelativeLayout>

左上角一个小球,底部两个按钮~我们先看一个自由落体的代码:

[java]  view plain  copy

  1. /**

  2. * 自由落体

  3. * @param view

  4. */

  5. public void verticalRun( View view)

  6. {

  7. ValueAnimator animator = ValueAnimator.ofFloat(0, mScreenHeight

  8. - mBlueBall.getHeight());

  9. animator.setTarget(mBlueBall);

  10. animator.setDuration(1000).start();

  11. //      animator.setInterpolator(value)

  12. animator.addUpdateListener(new AnimatorUpdateListener()

  13. {

  14. @Override

  15. public void onAnimationUpdate(ValueAnimator animation)

  16. {

  17. mBlueBall.setTranslationY((Float) animation.getAnimatedValue());

  18. }

  19. });

  20. }

与ObjectAnimator不同的就是我们自己设置元素属性的更新虽然多了几行代码,但是貌似提高灵活性

下面再来一个例子,如果我希望小球抛物线运动【实现抛物线的效果,水平方向100px/s,垂直方向加速度200px/s*s 】,分析一下,貌似只和时间有关系,但是根据时间的变化,横向和纵向的移动速率是不同的,我们该咋实现呢?此时就要重写TypeValue的时候了,因为我们在时间变化的同时,需要返回给对象两个值,x当前位置,y当前位置:

代码:

[java]  view plain  copy

  1. /**

  2. * 抛物线

  3. * @param view

  4. */

  5. public void paowuxian(View view)

  6. {

  7. ValueAnimator valueAnimator = new ValueAnimator();

  8. valueAnimator.setDuration(3000);

  9. valueAnimator.setObjectValues(new PointF(0, 0));

  10. valueAnimator.setInterpolator(new LinearInterpolator());

  11. valueAnimator.setEvaluator(new TypeEvaluator()

  12. {

  13. // fraction = t / duration

  14. @Override

  15. public PointF evaluate(float fraction, PointF startValue,

  16. PointF endValue)

  17. {

  18. Log.e(TAG, fraction * 3 + “”);

  19. // x方向200px/s ,则y方向0.5 * 10 * t

  20. PointF point = new PointF();

  21. point.x = 200 * fraction * 3;

  22. point.y = 0.5f * 200 * (fraction * 3) * (fraction * 3);

  23. return point;

  24. }

  25. });

  26. valueAnimator.start();

  27. valueAnimator.addUpdateListener(new AnimatorUpdateListener()

  28. {

  29. @Override

  30. public void onAnimationUpdate(ValueAnimator animation)

  31. {

  32. PointF point = (PointF) animation.getAnimatedValue();

  33. mBlueBall.setX(point.x);

  34. mBlueBall.setY(point.y);

  35. }

  36. });

  37. }

可以看到,因为ofInt,ofFloat等无法使用,我们自定义了一个TypeValue,每次根据当前时间返回一个PointF对象,(PointF和Point的区别就是x,y的单位一个是float,一个是int;RectF,Rect也是)PointF中包含了x,y的当前位置~然后我们在监听器中获取,动态设置属性:

效果图:

有木有两个铁球同时落地的感觉对,我应该搞两个球ps:物理公式要是错了,就当没看见哈

自定义TypeEvaluator传入的泛型可以根据自己的需求,自己设计个Bean。

好了,我们已经分别讲解了ValueAnimator和ObjectAnimator实现动画;二者区别;如何利用部分API,自己更新属性实现效果;自定义TypeEvaluator实现我们的需求;但是我们并没有讲如何设计插值,其实我觉得把,这个插值默认的那一串实现类够用了~~很少,会自己去设计个超级变态的所以:略。

5、监听动画的事件

对于动画,一般都是一些辅助效果,比如我要删除个元素,我可能希望是个淡出的效果,但是最终还是要删掉,并不是你透明度没有了,还占着位置,所以我们需要知道动画如何结束。

所以我们可以添加一个动画的监听:

[java]  view plain  copy

  1. public void fadeOut(View view)

  2. {

  3. ObjectAnimator anim = ObjectAnimator.ofFloat(mBlueBall, “alpha”, 0.5f);

  4. anim.addListener(new AnimatorListener()

  5. {

  6. @Override

  7. public void onAnimationStart(Animator animation)

  8. {

题外话

不管怎么样,不论是什么样的大小面试,要想不被面试官虐的不要不要的,只有刷爆面试题题做好全面的准备,当然除了这个还需要在平时把自己的基础打扎实,这样不论面试官怎么样一个知识点里往死里凿,你也能应付如流啊~

这里我为大家准备了一些我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包,点击这里免费分享给大家,主要还是希望大家在如今大环境不好的情况下面试能够顺利一点,希望可以帮助到大家~

最后如果马化腾把腾讯给你一天,你会来做什么?欢迎评论区讨论。

mation)

  1. {
题外话

不管怎么样,不论是什么样的大小面试,要想不被面试官虐的不要不要的,只有刷爆面试题题做好全面的准备,当然除了这个还需要在平时把自己的基础打扎实,这样不论面试官怎么样一个知识点里往死里凿,你也能应付如流啊~

这里我为大家准备了一些我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包,点击这里免费分享给大家,主要还是希望大家在如今大环境不好的情况下面试能够顺利一点,希望可以帮助到大家~

[外链图片转存中…(img-2ZVqUoCW-1645094237282)]

最后如果马化腾把腾讯给你一天,你会来做什么?欢迎评论区讨论。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值