0
点赞
收藏
分享

微信扫一扫

Android 属性动画（Property Animation） 完全解析，涨姿势了

凯约 2022-03-19 阅读 109
经验分享面试

  1. public void rotateyAnimRun(View view)

  2. {

  3. ObjectAnimator//

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

  5. .setDuration(500)//

  6. .start();

  7. }

  8. }

效果：

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

对于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. {

  9. Log.e(TAG, “onAnimationStart”);

  10. }

  11. @Override

  12. public void onAnimationRepeat(Animator animation)

  13. {

  14. // TODO Auto-generated method stub

  15. Log.e(TAG, “onAnimationRepeat”);

  16. }

  17. @Override

  18. public void onAnimationEnd(Animator animation)

  19. {

  20. Log.e(TAG, “onAnimationEnd”);

  21. ViewGroup parent = (ViewGroup) mBlueBall.getParent();

  22. if (parent != null)

  23. parent.removeView(mBlueBall);

  24. }

  25. @Override

  26. public void onAnimationCancel(Animator animation)

{

  1. // TODO Auto-generated method stub

  2. Log.e(TAG, “onAnimationCancel”);

  3. }

  4. });

  5. anim.start();

  6. }

这样就可以监听动画的开始、结束、被取消、重复等事件~但是有时候会觉得，我只要知道结束就行了，这么长的代码我不能接收，那你可以使用AnimatorListenerAdapter

[java]  view plain  copy

  1. anim.addListener(new AnimatorListenerAdapter()

  2. {

  3. @Override

  4. public void onAnimationEnd(Animator animation)

  5. {

  6. Log.e(TAG, “onAnimationEnd”);

  7. ViewGroup parent = (ViewGroup) mBlueBall.getParent();

  8. if (parent != null)

  9. parent.removeView(mBlueBall);

  10. }

  11. });

AnimatorListenerAdapter继承了AnimatorListener接口，然后空实现了所有的方法~

效果图：

animator还有cancel()和end()方法：cancel动画立即停止，停在当前的位置；end动画直接到最终状态。

6、AnimatorSet的使用

实例：

布局文件:

[html]  view plain  copy

结语

网上高级工程师面试相关文章鱼龙混杂，要么一堆内容，要么内容质量太浅， 鉴于此我整理了上述安卓开发高级工程师面试题以及答案。希望帮助大家顺利进阶为高级工程师。
目前我就职于某大厂安卓高级工程师职位，在当下大环境下也想为安卓工程师出一份力，通过我的技术经验整理了面试经常问的题，答案部分是一篇文章或者几篇文章，都是我认真看过并且觉得不错才整理出来。

大家知道高级工程师不会像刚入门那样被问的问题一句话两句话就能表述清楚，所以我通过过滤好文章来帮助大家理解。

1307页字节跳动Android面试真题解析火爆全网，完整版开放下载

现在都说互联网寒冬，其实只要自身技术能力够强，咱们就不怕！我这边专门针对Android开发工程师整理了一套【Android进阶学习视频】、【全套Android面试秘籍】、【Android知识点PDF】。

口，然后空实现了所有的方法~

效果图：

animator还有cancel()和end()方法：cancel动画立即停止，停在当前的位置；end动画直接到最终状态。

6、AnimatorSet的使用

实例：

布局文件:

[html]  view plain  copy

结语

网上高级工程师面试相关文章鱼龙混杂，要么一堆内容，要么内容质量太浅， 鉴于此我整理了上述安卓开发高级工程师面试题以及答案。希望帮助大家顺利进阶为高级工程师。
目前我就职于某大厂安卓高级工程师职位，在当下大环境下也想为安卓工程师出一份力，通过我的技术经验整理了面试经常问的题，答案部分是一篇文章或者几篇文章，都是我认真看过并且觉得不错才整理出来。

大家知道高级工程师不会像刚入门那样被问的问题一句话两句话就能表述清楚，所以我通过过滤好文章来帮助大家理解。

[外链图片转存中…(img-hSyJniAJ-1647693949537)]

现在都说互联网寒冬，其实只要自身技术能力够强，咱们就不怕！我这边专门针对Android开发工程师整理了一套【Android进阶学习视频】、【全套Android面试秘籍】、【Android知识点PDF】。

举报

相关推荐

Android属性动画完全解析(上)，初识属性动画的基本用法(转)

ObjectAnimator补间动画属性动画Linux系统/运维

涨姿势了，这 4 个场景可用 CSS 完全取代 JS ~

css切图颜色选择器JavaScript前端开发

Android Animation动画

AnimationScaleAnimationAnimationSetOpenStack云计算

Android 属性动画（一）：Animator属性动画相对于Animation的优势

android点击事件属性动画Linux系统/运维

CSS3 animation (动画) 属性

llama人工智能深度学习数据集机器学习大语言模型教程

Pro Android学习笔记（一一三）：2D动画（8）：Property Animation（中）

androidxml代码片段Python后端开发

Pro Android学习笔记（一一二）：2D动画（7）：Property Animation（上）

ide属性动画AndroidJavaScript前端开发

Pro Android学习笔记（一一四）：2D动画（9）：Property Animation（下）

luaideLayoutHtml/CSS前端开发

Android animation呼吸动画 心形动画

androidxmlideJavaScript前端开发

Android 之动画实现animation

uiandroid动画animation animmicrosoftOpenStack云计算
0 条评论