Android中使用抖动动画吸引来用户注意

转载 2015年07月09日 21:41:13

原文: http://www.androidcn.org/topic/552e65bc61d460226ab27a5c 

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

FjtP7UNDsl59F1w6Lvxju74i4LHz.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进行一定角度的上下旋转。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
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轴的平移。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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);  }

GitHub demo地址

参考:

https://plus.google.com/+CyrilMottier/posts/FABaJhRMCuy  
http://developer.android.com/reference/android/animation/PropertyValuesHolder.html  
http://developer.android.com/guide/topics/graphics/prop-animation.html 

相关文章推荐

Android中使用抖动动画吸引来用户注意

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

Android设置View抖动动画

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

Android抖动动画的实现与思考

在日常使用app或者玩游戏的过程中,我们经常可以看到某个view通过抖动来吸引用户注意,今天就来说说怎么实现这个动画。...

android如何做iphone那种图片抖动动画的效果(包括button和EditText)

给按钮做抖动效果,可以这样做,建立anim文件夹在res下面,创建一个button_shake.xml ...

Android窗口抖动之动画实现

 Android窗口抖动之动画实现 Android的窗口抖动,可以通过写xml动画配置文件实现,比如常见的微信摇一摇,其实就是通过Android动画的一些基本属性如translate,cycl...

Android 抖动动画类似ios长按动画

直接上代码: private void showShakeAnim(View view) { ObjectAnimator anim = ObjectAnimator.ofFloat(view,...

Android窗口抖动之动画实现

转载请注明出处:http://blog.csdn.net/zhangphil  Android窗口抖动之动画实现 Android的窗口抖动,可以通过写xml动画配置文件实现,比如常见...

android使用属性动画执行抖动效果

public static ObjectAnimator nope(View view) {         int delta = view.getResources().getDimensionP...

android中的animation动画左右摇摆晃动

左右摇摆的原理,就是向一个方向移动,然后设置反方向的属性。再设置重复次数。 TranslateAnimation animation = new TranslateAnimation(0, -5, ...
  • howlaa
  • howlaa
  • 2015年01月26日 14:39
  • 9752

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中使用抖动动画吸引来用户注意
举报原因:
原因补充:

(最多只允许输入30个字)