- 浏览: 5778124 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
Android 最近推出一个新的基于物理学的动画支持库,命名为:SpringAnimation(弹簧动画),发布在 Support Library 25.3.0 里面。昨天,Google Android 研发工程师「Nick Butcher」在 Twitter 上发布推文予以公布,并在 gist 给出了一个简单示例代码,演示 SpringAnimation 的核心操作。
我们先来感受一下效果图:
再来看一下 Activity 里面的实现代码(在作者源码上做了一些调整,利于拍版美观和阅读体验):
上述核心代码在 touch 事件的处理上,简单介绍一下。SpringAnimation,弹簧动画,命名已经能说明这个 API 能够实现的动画效果,非常巧妙。大家知道,弹簧在拉伸之后会自动收缩,而这个动画的功能就是实现 View 的位置自动恢复效果。构造函数如下:
再来看一下示例图中介绍的两个重要概念,stiffness(刚性程度) 和 damping(阻尼效果)。玩过弹簧的朋友都知道,这不正是影响弹簧拉伸恢复效果的两个重要因素嘛。弹簧过度拉伸,便会损坏弹簧,不容易恢复原来位置;不同弹簧,对应不同的阻尼效果,实际恢复过程中会有一小段来回拉伸的效果。SpringAnimation 将弹簧中的这两个因素完美诠释,不愧是基于物理学动画。
SpringAnimation 包含一个 SpringForce 类型的属性,用于处理 stiffness 和 damping 效果。从上述效果图中可以看到,这二者不同的大小值反应到 SpringAnimation 上的具体效果也有所不同,大家可以实际操作试试。
记得在 build.gradle 文件中添加依赖库:
SpringAnimation 的出现能帮助很多开发者解决一些自实现弹簧效果带来的烦恼。很多朋友在 Android 上做过仿 iOS 的弹性 ScrollView 效果,也不妨用一下这个动画库。大家再想想,还有什么别的常见使用场景可以利用 SpringAnimation 的吗,欢迎交流讨论。
我们先来感受一下效果图:
再来看一下 Activity 里面的实现代码(在作者源码上做了一些调整,利于拍版美观和阅读体验):
import android.app.Activity; import android.os.Bundle; import android.support.animation.SpringAnimation; import android.view.MotionEvent; import android.view.VelocityTracker; import android.view.View; import android.widget.SeekBar; public class HomeActivity extends Activity implements View.OnTouchListener { private SeekBar damping, stiffness; private View box; private float downX, downY; private VelocityTracker velocityTracker; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_home); findViewById(android.R.id.content).setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION); stiffness = (SeekBar) findViewById(R.id.stiffness); damping = (SeekBar) findViewById(R.id.damping); box = findViewById(R.id.box); velocityTracker = VelocityTracker.obtain(); findViewById(R.id.root).setOnTouchListener(this); } private float getStiffness() { return Math.max(stiffness.getProgress(), 1f); } private float getDamping() { return damping.getProgress() / 100f; } @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: downX = event.getX(); downY = event.getY(); velocityTracker.addMovement(event); return true; case MotionEvent.ACTION_MOVE: box.setTranslationX(event.getX() - downX); box.setTranslationY(event.getY() - downY); velocityTracker.addMovement(event); return true; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: velocityTracker.computeCurrentVelocity(1000); if (box.getTranslationX() != 0) { SpringAnimation animX = new SpringAnimation(box, SpringAnimation.TRANSLATION_X, 0); animX.getSpring().setStiffness(getStiffness()); animX.getSpring().setDampingRatio(getDamping()); animX.setStartVelocity(velocityTracker.getXVelocity()); animX.start(); } if (box.getTranslationY() != 0) { SpringAnimation animY = new SpringAnimation(box, SpringAnimation.TRANSLATION_Y, 0); animY.getSpring().setStiffness(getStiffness()); animY.getSpring().setDampingRatio(getDamping()); animY.setStartVelocity(velocityTracker.getYVelocity()); animY.start(); } velocityTracker.clear(); return true; } return false; } }
上述核心代码在 touch 事件的处理上,简单介绍一下。SpringAnimation,弹簧动画,命名已经能说明这个 API 能够实现的动画效果,非常巧妙。大家知道,弹簧在拉伸之后会自动收缩,而这个动画的功能就是实现 View 的位置自动恢复效果。构造函数如下:
SpringAnimation(View v, ViewProperty property, float finalPosition)
再来看一下示例图中介绍的两个重要概念,stiffness(刚性程度) 和 damping(阻尼效果)。玩过弹簧的朋友都知道,这不正是影响弹簧拉伸恢复效果的两个重要因素嘛。弹簧过度拉伸,便会损坏弹簧,不容易恢复原来位置;不同弹簧,对应不同的阻尼效果,实际恢复过程中会有一小段来回拉伸的效果。SpringAnimation 将弹簧中的这两个因素完美诠释,不愧是基于物理学动画。
SpringAnimation 包含一个 SpringForce 类型的属性,用于处理 stiffness 和 damping 效果。从上述效果图中可以看到,这二者不同的大小值反应到 SpringAnimation 上的具体效果也有所不同,大家可以实际操作试试。
记得在 build.gradle 文件中添加依赖库:
compile 'com.android.support:support-dynamic-animation:25.3.0'
SpringAnimation 的出现能帮助很多开发者解决一些自实现弹簧效果带来的烦恼。很多朋友在 Android 上做过仿 iOS 的弹性 ScrollView 效果,也不妨用一下这个动画库。大家再想想,还有什么别的常见使用场景可以利用 SpringAnimation 的吗,欢迎交流讨论。
发表评论
-
ViewPager引导页根据滑动渐变背景色
2017-03-31 09:38 28141、主要依赖: compile'com.android.su ... -
一个比较强大的提供各种形状的ImageView
2016-12-26 09:54 2930github上比较老的项目了,但是还是比较好用的。 各种形状总 ... -
PhotoView点击放大图片效果
2016-12-21 10:13 6050使用的PhotoView是这个版本的,比较小巧,很好用,比gi ... -
仿微信页面切换图标颜色渐变效果
2015-11-23 14:54 4416主要是提供一种思路,一般来书,类似效果无非就是在Canvas, ... -
把任意Drawable转换成基于progress填充的drawable
2015-11-11 16:29 2748把任意Drawable转换成基于progress填充的draw ... -
一个用来设置警示View 的呼吸式背景颜色的工具类BreathingViewHelper
2015-10-10 14:03 3036一个简单的小工具类,用来设置警示 View 的呼吸式背景颜色 ... -
单手操作图片控件 镜像、置顶、缩放、移动:StickerView
2015-10-08 11:21 3165单手操作图片控件 镜像、置顶、缩放、移动 impo ... -
图片浏览zoom效果
2015-10-08 11:05 1791不仅实现了Lollipop中打开新的activity 的zoo ... -
Android App状态栏变色:ColorfulStatusBar
2015-09-24 12:38 9908适用于版本大于等于19以上。 import android ... -
PathView实现炫酷SVG动画
2015-08-25 09:23 4402解析SVG,需要将一个androidsvg.jar包含进lib ... -
LinearLayout增加divider分割线
2015-08-13 14:58 11050在android3.0及后面的版本在LinearLayout里 ... -
Android换肤白天/夜间模式的框架
2015-07-29 15:36 2930Android换肤/夜间模式的Android框架,配合them ... -
使用ActivityOptions做Activity切换动画
2015-04-10 11:02 6573不知道大家有没有注意到startActivity(Intent ... -
一个不错的ArcMenu
2015-01-23 10:34 3903ArcMenu这种效果现在很多人都实现了 而且代码质量也 ... -
使用ScheduledExecutorService延时关闭一个全屏的对话框
2014-12-29 16:38 4368自定义style,设置全屏属性 <resources ... -
让View只显示下边框
2014-10-23 17:13 3962下面的代码是实现一个带边框的xml,很常见 <?xm ... -
让一张图片从模糊慢慢变清晰动画过程
2014-01-27 16:38 9249import java.io.IOExcepti ... -
ListView,GridView之LayoutAnimation特殊动画的实现
2013-05-24 11:23 34367LayoutAnimation干嘛用的?不知道的话网上搜一下。 ... -
食神摇摇中图片的晃动效果
2013-04-27 11:45 5452可以是这样子实现滴: btn_shake=(Image ... -
圆形菜单效果
2013-02-20 14:25 2655需要android3.0
相关推荐
一个用于Android的轻量级粒子动画库
SpringAnimation SpringAnimation,安卓模拟弹簧动画refer by nickbutcher gist If you like it ,give me a star! 相关介绍及博文,请移步这里
Android Support Library 25.3.0引入了Dynamic-animation增强动画,里面提供了几个类用于使动画呈现实现真实的物理效果。 你会想,自己的动画里加上 BounceInterpolator或OvershootInterpolator 插值器也能达到这种...
SpringRecyclerView SpringRecyclerView是一个RecyclerView具有弹簧效果,当被拖动或flinged到overScroll。 ListView版本:https : //github.com/gjiazhe/SpringListView
一个展示Android的物理动画的playground
Android的Activity切换动画特效库SwitchLayout,视图切换动画库,媲美IOS
一款基于iOS开发的弹簧效果的动画
Rebound 是一个来自 Facebook 公司的 Android 的物理和动画库,我们相信对真实世界的物理建模是一个有力的方式,方便在应用中创建自然、可触的动画和交互效果。示例代码: // Create a system to run the ...
Android按下录音录音动画效果 ,自定义录音、播放动画View
头像显示效果(头像散开动画效果),很炫的一个效果
Android动画效果--渐变动画,包括Alpha渐变、scale渐变、translate渐变、rotate渐变。并有两种实现动画方式:Java Code实现和XML实现。
android-pathview路径动画库.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
这是一个 android 动画特效库, 可以实现各种炫酷动画。 1. 安装 gradle: dependencies { compile 'com.gplibs:magic-surface-view:1.1.1' } 2. 一些示例效果 此文档只做一些简单说明, 具体使用方法还请参考 示例...
Android中使用SVG实现炫酷动画效果Android中使用SVG实现炫酷动画效果
PopupWindow动画效果 ,activity布局文件推出推入、缩放、左右进入进出 android动画效果集锦。
Android下Fragment的动画切换效果 ,基于Eclipse,可运行
Android动画,非常全,基于这些实现特效
ViewPagerAnimator一个轻量级强大的Android ViewPager动画库
androidの高仿支付宝扫描动画效果,简单的动画效果,方便你的学习
Android动画效果-切换Activity动画,切换Activity时的淡入淡出和缩放进入退出效果