Android中使用抖动动画吸引来用户注意
来源:互联网 发布:淘宝网男士真皮皮衣 编辑:程序博客网 时间:2024/06/06 06:58
在应用中,有时候我们要吸引用户去点击某些按钮,比如应用市场的推荐按钮,为了能够吸引用户主动点击而且不过分的打扰用户,最好的方法就是给我们想吸引用户注意的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进行一定角度的上下旋转。
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);}
github代码
https://github.com/lzyzsd/AndroidSeekAttention
参考:
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中使用抖动动画吸引来用户注意
- Android中使用抖动动画吸引来用户注意
- Android中使用抖动动画吸引来用户注意
- Android中使用抖动动画吸引来用户注意
- Android中使用抖动动画吸引来用户注意
- 安卓吸引用户抖动动画
- android使用属性动画执行抖动效果
- Android抖动动画
- 解决Unity中使用Any state出现的动画抖动
- Android设置View抖动动画
- 使用动画实现组件抖动
- Android中使用SurfaceView和Canvas来绘制动画
- Android中使用SurfaceView和Canvas来绘制动画
- 思考ANDROID架构(二):像ANDROID框架,如何(HOW-TO)吸引开发者来使用它呢?
- 网站改版新增功能如何吸引用户注意
- 能够吸引用户每天都来的那种服务
- 动画抖动
- 抖动动画
- Struts1标签库
- Port Address Translation: saving IP addresses
- java中的线性表的内部实现(ArrayList、LinkedList)
- 如何对待一个人好
- 2014.9.13模拟赛【环上的游戏】
- Android中使用抖动动画吸引来用户注意
- logger字符串组合
- QT皮肤(QSS)编程
- 服务器下安装MySQL5.5
- 2014 ACM/ICPC Asia Regional Anshan Online D Clone
- CentOS6.5+Django+Nginx+MySQL+uwsgi 阿里云环境部署
- windows下重装hadoop笔记
- 【闪存虚拟化】软件定义服务器闪存
- MySQL数据乱码的解决方法