- 浏览: 5777490 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (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
在刚推出的 Support Library 25.3.0 里面新增了一个叫 SpringAnimation 的动画,也就是弹簧动画。要是用它来做一个滑动控件下拉回弹的效果,应该不错吧。
SpringAnimation
开始之前,别忘了在 app 的 build.gradle 加上:
然后我们看看 SpringAnimation 的基本用法,首先是它的构造方法:
看命名可以大概猜到参数的意义了:
v - 要执行动画的控件
property - 动画的性质,可以选择平移、缩放、旋转等
finalPosition - 动画结束时,控件所在位置的坐标偏移量
这里实现的滑动控件是上下滑动的,所以我们这样来获取 SpringAnimation :
SpringAnimation 里面有两个比较重要的属性,分别是:
Stiffness - 刚度,值越大回弹的速度越快,类似于劲度系数,默认值是 1500f
DampingRatio - 阻尼,值越小,回弹后,动画来回的次数越多,就是更有「DUANG」的感觉,默认值是 0.5f
通过
和
来设置上面两个属性。
再调用 springAnim.start() 就可以开始动画啦。
SpringScrollViewion
我们自定义一个 SpringScrollView 继承 NestedScrollView,重写 onTouchEvent 方法让它有回弹的效果:
简单解释一下哈。
当 ScrollView 在顶部时,记录下手指所在的 y 轴位置。在顶部并且是往下滑动的时候,给 ScrollView 设置一个纵向的偏移。之所以除以 3,是为了让控件有种要用力才能拖动的感觉。
在顶部的时候如果是往上滑动,则把动画效果取消,把控件位置复原,否则可能出现控件一直偏移的情况。
最后当手指抬起时,执行弹簧动画就好了。
为什么这里用 getRawY() 获取坐标,而不是用 getY() 来获取。因为 getY() 是相对于控件的坐标,当设置了 TranslationY 之后会改变它的值,也就是在滑动的时候 getY() 的值是不连续的,会出现卡顿的现象。而 getRawY() 是相对于屏幕的位置,管你控件怎么动,屏幕都是固定的。
下拉回弹的效果就已经完成了。对了,我们顺便把底部上拉的回弹也做一下呗。由于ScrollView只有一个子布局,所以可以通过
判断是否滑动到了底部。
完整代码如下:
同样的思路也可以用在别的滑动控件里面。
https://github.com/SouthernBox/SpringScrollView
SpringAnimation详解
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2017/0330/7757.html
SpringAnimation
开始之前,别忘了在 app 的 build.gradle 加上:
compile 'com.android.support:appcompat-v7:25.3.0' compile 'com.android.support:design:25.3.0' compile 'com.android.support:support-dynamic-animation:25.3.0'
然后我们看看 SpringAnimation 的基本用法,首先是它的构造方法:
public SpringAnimation(View v, ViewProperty property, float finalPosition) { super(v, property); mSpring = new SpringForce(finalPosition); setSpringThreshold(); }
看命名可以大概猜到参数的意义了:
v - 要执行动画的控件
property - 动画的性质,可以选择平移、缩放、旋转等
finalPosition - 动画结束时,控件所在位置的坐标偏移量
这里实现的滑动控件是上下滑动的,所以我们这样来获取 SpringAnimation :
springAnim = new SpringAnimation(this, SpringAnimation.TRANSLATION_X, 0);
SpringAnimation 里面有两个比较重要的属性,分别是:
Stiffness - 刚度,值越大回弹的速度越快,类似于劲度系数,默认值是 1500f
DampingRatio - 阻尼,值越小,回弹后,动画来回的次数越多,就是更有「DUANG」的感觉,默认值是 0.5f
通过
springAnim.getSpring().setStiffness(float stiffness)
和
springAnim.getSpring().setDampingRatio(float dampingRatio)
来设置上面两个属性。
再调用 springAnim.start() 就可以开始动画啦。
SpringScrollViewion
我们自定义一个 SpringScrollView 继承 NestedScrollView,重写 onTouchEvent 方法让它有回弹的效果:
@Override public boolean onTouchEvent(MotionEvent e) { switch (e.getAction()) { case MotionEvent.ACTION_MOVE: if (getScrollY() <= 0) { //顶部下拉 if (startDragY == 0) { startDragY = e.getRawY(); } if (e.getRawY() - startDragY > 0) { setTranslationY((e.getRawY() - startDragY) / 3); return true; } else { springAnim.cancel(); setTranslationY(0); } } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: if (getTranslationY() != 0) { springAnim.start(); } startDragY = 0; break; } return super.onTouchEvent(e); }
简单解释一下哈。
当 ScrollView 在顶部时,记录下手指所在的 y 轴位置。在顶部并且是往下滑动的时候,给 ScrollView 设置一个纵向的偏移。之所以除以 3,是为了让控件有种要用力才能拖动的感觉。
在顶部的时候如果是往上滑动,则把动画效果取消,把控件位置复原,否则可能出现控件一直偏移的情况。
最后当手指抬起时,执行弹簧动画就好了。
为什么这里用 getRawY() 获取坐标,而不是用 getY() 来获取。因为 getY() 是相对于控件的坐标,当设置了 TranslationY 之后会改变它的值,也就是在滑动的时候 getY() 的值是不连续的,会出现卡顿的现象。而 getRawY() 是相对于屏幕的位置,管你控件怎么动,屏幕都是固定的。
下拉回弹的效果就已经完成了。对了,我们顺便把底部上拉的回弹也做一下呗。由于ScrollView只有一个子布局,所以可以通过
getScrollY() + getHeight()) >= getChildAt(0).getMeasuredHeight()
判断是否滑动到了底部。
完整代码如下:
public class SpringScrollView extends NestedScrollView { private float startDragY; private SpringAnimation springAnim; public SpringScrollView(Context context) { this(context, null); } public SpringScrollView(Context context, @Nullable AttributeSet attrs) { this(context, attrs, 0); } public SpringScrollView(Context context, @Nullable AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); springAnim = new SpringAnimation(this, SpringAnimation.TRANSLATION_Y, 0); //刚度 默认1200 值越大回弹的速度越快 springAnim.getSpring().setStiffness(800.0f); //阻尼 默认0.5 值越小,回弹之后来回的次数越多 springAnim.getSpring().setDampingRatio(0.50f); } @Override public boolean onTouchEvent(MotionEvent e) { switch (e.getAction()) { case MotionEvent.ACTION_MOVE: if (getScrollY() <= 0) { //顶部下拉 if (startDragY == 0) { startDragY = e.getRawY(); } if (e.getRawY() - startDragY > 0) { setTranslationY((e.getRawY() - startDragY) / 3); return true; } else { springAnim.cancel(); setTranslationY(0); } } else if ((getScrollY() + getHeight()) >= getChildAt(0).getMeasuredHeight()) { //底部上拉 if (startDragY == 0) { startDragY = e.getRawY(); } if (e.getRawY() - startDragY < 0) { setTranslationY((e.getRawY() - startDragY) / 3); return true; } else { springAnim.cancel(); setTranslationY(0); } } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: if (getTranslationY() != 0) { springAnim.start(); } startDragY = 0; break; } return super.onTouchEvent(e); } }
同样的思路也可以用在别的滑动控件里面。
https://github.com/SouthernBox/SpringScrollView
SpringAnimation详解
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2017/0330/7757.html
发表评论
-
NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端
2018-10-31 20:45 6808网上有一个StickyScrollView,称之为粘性Scro ... -
自定义Behavior实现AppBarLayout越界弹性效果
2017-03-31 09:33 10233一、继承AppBarLayout.Beha ... -
Android - 一种相似图片搜索算法的实现
2017-03-31 09:33 2569算法 缩小尺寸。 将图片缩小到8x8的尺寸,总共64个 ... -
Android为应用添加角标(Badge)
2017-03-30 11:21 61021.需求简介 角标是什么意思呢? 看下图即可明了: 可 ... -
Android端与笔记本利用局域网进行FTP通信
2017-03-23 10:17 925先看图 打开前: 打开后: Activity类 ... -
PorterDuffColorFilter 在项目中的基本使用
2017-03-03 10:58 1300有时候标题栏会浮在内容之上,而内容会有颜色的变化,这时候就要求 ... -
ColorAnimationView 实现了滑动Viewpager 时背景色动态变化的过渡效果
2017-02-24 09:41 2171用法在注释中: import android.anima ... -
迷你轻量级全方向完美滑动处理侧滑控件SlideLayout
2017-01-16 16:53 2550纯手工超级迷你轻量级全方向完美滑动处理侧滑控件(比官方 sup ... -
Effect
2017-01-05 09:57 0https://github.com/JetradarMobi ... -
动态主题库Colorful,容易地改变App的配色方案
2016-12-27 14:49 2519Colorful是一个动态主题库,允许您很容易地改变App的配 ... -
对视图的对角线切割DiagonalView
2016-12-27 14:23 1073提供对视图的对角线切割,具有很好的用户定制 基本用法 ... -
仿淘宝京东拖拽商品详情页上下滚动黏滞效果
2016-12-26 16:53 3421比较常用的效果,有现成的,如此甚好!:) import ... -
让任意view具有滑动效果的SlideUp
2016-12-26 09:26 1660基本的类,只有一个: import android.a ... -
AdvancedWebView
2016-12-21 09:44 16https://github.com/delight-im/A ... -
可设置圆角背景边框的按钮, 通过调节色彩明度自动计算按下(pressed)状态颜色
2016-11-02 22:13 1861可设置圆角背景边框的的按钮, 通过调节色彩明度自动计算按下(p ... -
网络请求库相关
2016-10-09 09:35 62https://github.com/amitshekhari ... -
ASimpleCache一个简单的缓存框架
2015-10-26 22:53 2123ASimpleCache 是一个为android制定的 轻量级 ... -
使用ViewDragHelper实现的DragLayout开门效果
2015-10-23 10:55 3335先看一下图,有个直观的了解,向下拖动handle就“开门了”: ... -
保证图片长宽比的同时拉伸图片ImageView
2015-10-16 15:40 3679按比例放大图片,不拉伸失真 import android. ... -
向上拖动时,可以惯性滑动显示到下一页的控件DragLayout
2015-10-16 14:53 5527仿照淘宝和聚美优品,在商品详情页,向上拖动时,可以加载下一页。 ...
相关推荐
将开源项目PullToRefresh中的ScrollView下拉刷新提取出来了,可直接集成到项目中。
最近写了一个ScrollView中嵌套ListView实现下拉刷新的Demo, 相关blog 为: http://blog.csdn.net/u013015161/article/details/45680037
解决Scrollview嵌套listview下拉刷新的一些问题
博客《PullToRefresh使用详解(五)--下拉刷新的ScrollView》对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/24722657
比较好用的弹性和下拉刷新的ScrollView
可以下拉回弹的ScrollView,类似ListView的下拉头部图片伸缩
下拉刷新的scrollview,不是listview,其中可以防止任何view,支持头部自定义
scrollView加自定义view实现的下拉刷新功能,方便理解scrollView的几个常用属性;
可以下拉刷新的scrollView,代码可以运行注释也很详细,是个不错的资源
自定义下拉ScrollView头部变大,动画缩回原型的
简单的实现了ScrollView下拉继续加载,没有太多的界面控制代码,主要是实现下拉加载逻辑
android 下拉刷新的scrollview完美例子,注意:1.自定义view内部必须是scrollview或者listview,2.我把显示时间的组件可见性可谓gone了,如果需要显示的话在布局文件中设置可见就行
学习封装框架的资料,实现ScrollView滚动过程中,子控件不同动画功能。
自定义的ScrollView控件,实现弹簧效果,也就是说当ScrollView拉到尽头时还可以继续拖动,松开后反弹到原来的位置。注意:ScrollView必须包含在一个大的布局之外
动画scrollView
有弹性的ScrollView 实现下拉弹回和上拉弹回,可直接使用
android scrollview 下拉刷新
1,顶部轮播图,自动轮播效果。 2,顶部的viewpager 可随着下拉图片有渐变大的效果。 3,自定义Scrollview 顶部图片 下拉放大效果
ScrollView实现下拉刷新,很简单容易理解的东西!