zoukankan      html  css  js  c++  java
  • Android中使用抖动动画吸引来用户注意

    原文: 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 


  • 相关阅读:
    java解析xml
    支持向量机SVM
    资源-菜单
    GIT
    基于OpenCV的图书扫描识别程序开发
    最大公约数(gcd)还有最小公倍数(lcm)的共通之处
    python网页分析
    python爬虫的基本知识储备
    大数加法 (A + B Problem II)
    Andy's First Dictionary (set)
  • 原文地址:https://www.cnblogs.com/yangqiangyu/p/5143089.html
Copyright © 2011-2022 走看看