Android设置View抖动动画

时间:2022-12-23 00:11:18

在应用中,有时候我们要吸引用户去点击某些按钮,比如应用市场的推荐按钮,为了能够吸引用户主动点击而且不过分的打扰用户,最好的方法就是给我们想吸引用户注意的view添加一些抖动动画,比如这张图Android设置View抖动动画

这里我主要实现了两种抖动动画,左右抖动和上下抖动。左右抖动通常用于表单验证失败的时候,上下抖动通常用于吸引用于用户去点击。动画主要使用了Keyframe和PropertyValuesHolder。
Keyframe是一个时间/值对,用于定义在某个时刻动画的状态。比如Keyframe.ofInt(.5f, Color.RED)定义了当动画进行了50%的时候,颜色的值应该是Color.RED。
PropertyValuesHolder保存了view的属性的信息以及在动画进行过程中该属性的值。通过PropertyValuesHolder.ofKeyframe方法来构建PropertyValuesHolder的实例,改方法接收一个属性名以及多个Keyframe对象作为参数。当你想通过动画改变多个属性的时候PropertyValuesHolder就非常有用。
直接上代码:
tada方法实现了上下抖动。抖动的原理很简单,就是对view的x轴和y轴进行0.9倍到1.1倍的缩放,同时对view进行一定角度的上下旋转。

[java] view plain copy
  1. public static ObjectAnimator tada(View view) {
  2. return tada(view, 1f);
  3. }
  4. public static ObjectAnimator tada(View view, float shakeFactor) {
  5. PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofKeyframe(View.SCALE_X,
  6. Keyframe.ofFloat(0f, 1f),
  7. Keyframe.ofFloat(.1f, .9f),
  8. Keyframe.ofFloat(.2f, .9f),
  9. Keyframe.ofFloat(.3f, 1.1f),
  10. Keyframe.ofFloat(.4f, 1.1f),
  11. Keyframe.ofFloat(.5f, 1.1f),
  12. Keyframe.ofFloat(.6f, 1.1f),
  13. Keyframe.ofFloat(.7f, 1.1f),
  14. Keyframe.ofFloat(.8f, 1.1f),
  15. Keyframe.ofFloat(.9f, 1.1f),
  16. Keyframe.ofFloat(1f, 1f)
  17. );
  18. PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofKeyframe(View.SCALE_Y,
  19. Keyframe.ofFloat(0f, 1f),
  20. Keyframe.ofFloat(.1f, .9f),
  21. Keyframe.ofFloat(.2f, .9f),
  22. Keyframe.ofFloat(.3f, 1.1f),
  23. Keyframe.ofFloat(.4f, 1.1f),
  24. Keyframe.ofFloat(.5f, 1.1f),
  25. Keyframe.ofFloat(.6f, 1.1f),
  26. Keyframe.ofFloat(.7f, 1.1f),
  27. Keyframe.ofFloat(.8f, 1.1f),
  28. Keyframe.ofFloat(.9f, 1.1f),
  29. Keyframe.ofFloat(1f, 1f)
  30. );
  31. PropertyValuesHolder pvhRotate = PropertyValuesHolder.ofKeyframe(View.ROTATION,
  32. Keyframe.ofFloat(0f, 0f),
  33. Keyframe.ofFloat(.1f, -3f * shakeFactor),
  34. Keyframe.ofFloat(.2f, -3f * shakeFactor),
  35. Keyframe.ofFloat(.3f, 3f * shakeFactor),
  36. Keyframe.ofFloat(.4f, -3f * shakeFactor),
  37. Keyframe.ofFloat(.5f, 3f * shakeFactor),
  38. Keyframe.ofFloat(.6f, -3f * shakeFactor),
  39. Keyframe.ofFloat(.7f, 3f * shakeFactor),
  40. Keyframe.ofFloat(.8f, -3f * shakeFactor),
  41. Keyframe.ofFloat(.9f, 3f * shakeFactor),
  42. Keyframe.ofFloat(1f, 0)
  43. );
  44. return ObjectAnimator.ofPropertyValuesHolder(view, pvhScaleX, pvhScaleY, pvhRotate).
  45. setDuration(1000);
  46. }

),

  • Keyframe.ofFloat(.10f, -delta),
  • Keyframe.ofFloat(.26f, delta),
  • Keyframe.ofFloat(.42f, -delta),
  • Keyframe.ofFloat(.58f, delta),
  • Keyframe.ofFloat(.74f, -delta),
  • Keyframe.ofFloat(.90f, delta),
  • Keyframe.ofFloat(1f, 0f)
  • );
  • return ObjectAnimator.ofPropertyValuesHolder(view, pvhTranslateX).
  • setDuration(500);
  • }