android 属性动画抖动,Android中使用抖动动画吸引来用户注意

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

1429206300322738.gif

这里我主要实现了两种抖动动画,左右抖动和上下抖动。左右抖动通常用于表单验证失败的时候,上下抖动通常用于吸引用于用户去点击。动画主要使用了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进行一定角度的上下旋转。public static ObjectAnimator tada(View view) {

return tada(view, 1f);  }

public static ObjectAnimator tada(View view, float shakeFactor) {

PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofKeyframe(View.SCALE_X,

Keyframe.ofFloat(0f, 1f),

Keyframe.ofFloat(.1f, .9f),

Keyframe.ofFloat(.2f, .9f),

Keyframe.ofFloat(.3f, 1.1f),

Keyframe.ofFloat(.4f, 1.1f),

Keyframe.ofFloat(.5f, 1.1f),

Keyframe.ofFloat(.6f, 1.1f),

Keyframe.ofFloat(.7f, 1.1f),

Keyframe.ofFloat(.8f, 1.1f),

Keyframe.ofFloat(.9f, 1.1f),

Keyframe.ofFloat(1f, 1f)

);

PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofKeyframe(View.SCALE_Y,

Keyframe.ofFloat(0f, 1f),

Keyframe.ofFloat(.1f, .9f),

Keyframe.ofFloat(.2f, .9f),

Keyframe.ofFloat(.3f, 1.1f),

Keyframe.ofFloat(.4f, 1.1f),

Keyframe.ofFloat(.5f, 1.1f),

Keyframe.ofFloat(.6f, 1.1f),

Keyframe.ofFloat(.7f, 1.1f),

Keyframe.ofFloat(.8f, 1.1f),

Keyframe.ofFloat(.9f, 1.1f),

Keyframe.ofFloat(1f, 1f)

);

PropertyValuesHolder pvhRotate = PropertyValuesHolder.ofKeyframe(View.ROTATION,

Keyframe.ofFloat(0f, 0f),

Keyframe.ofFloat(.1f, -3f * shakeFactor),

Keyframe.ofFloat(.2f, -3f * shakeFactor),

Keyframe.ofFloat(.3f, 3f * shakeFactor),

Keyframe.ofFloat(.4f, -3f * shakeFactor),

Keyframe.ofFloat(.5f, 3f * shakeFactor),

Keyframe.ofFloat(.6f, -3f * shakeFactor),

Keyframe.ofFloat(.7f, 3f * shakeFactor),

Keyframe.ofFloat(.8f, -3f * shakeFactor),

Keyframe.ofFloat(.9f, 3f * shakeFactor),

Keyframe.ofFloat(1f, 0)

);

return ObjectAnimator.ofPropertyValuesHolder(view, pvhScaleX, pvhScaleY, pvhRotate).

setDuration(1000);  }

nope方法实现了左右抖动。左右抖动的原理就是对view进行x轴的平移。public static ObjectAnimator nope(View view) {

int delta = view.getResources().getDimensionPixelOffset(R.dimen.spacing_medium);

PropertyValuesHolder pvhTranslateX = PropertyValuesHolder.ofKeyframe(View.TRANSLATION_X,

Keyframe.ofFloat(0f, 0),

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);  }

参考:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android,可以使用属性动画来实现抖动动画吸引用户注意力。以下是一个简单的示例代码: ```java // 获取需要抖动的视图 View view = findViewById(R.id.my_view); // 定义抖动动画 ObjectAnimator animator = ObjectAnimator.ofFloat(view, "rotation", -5, 5); animator.setDuration(100); animator.setRepeatCount(5); animator.setRepeatMode(ObjectAnimator.REVERSE); // 开始动画 animator.start(); ``` 这个代码会使得视图向左旋转5度,然后向右旋转5度,重复执行5次,每次执行时间为100毫秒。通过这个抖动动画,可以吸引用户注意力。 如果想要实现心点旋转的效果,可以在抖动动画的基础上加入平移动画,使得视图围绕心点旋转。以下是一个修改后的示例代码: ```java // 获取需要旋转的视图 View view = findViewById(R.id.my_view); // 获取视图的心点坐标 int cx = view.getWidth() / 2; int cy = view.getHeight() / 2; // 定义旋转动画 ObjectAnimator rotation = ObjectAnimator.ofFloat(view, "rotation", 0, 360); rotation.setDuration(2000); rotation.setInterpolator(new LinearInterpolator()); rotation.setRepeatCount(ObjectAnimator.INFINITE); // 定义平移动画 ObjectAnimator translationX = ObjectAnimator.ofFloat(view, "translationX", 0, cx); translationX.setDuration(1000); translationX.setRepeatCount(1); translationX.setRepeatMode(ObjectAnimator.REVERSE); // 合并动画 AnimatorSet animatorSet = new AnimatorSet(); animatorSet.playTogether(rotation, translationX); // 开始动画 animatorSet.start(); ``` 这个代码会使得视图围绕心点旋转,并且在动画过程会进行一次平移,使得视图的心点在旋转过程保持不变。通过这个心点旋转的效果,可以吸引用户注意力。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值