详解NestedScrollView滑动监听中的一些判断技巧
前言
众所周知,ScrollView
与NestedScrollView
都是用来滑动的控件,但是ScrollView
没有提供滑动监听的接口,需要我们自己去实现,而NestedScrollView
提供了一个setOnScrollChangeListener
方法用来监听我们的滑动事件,此接口一共有5个参数,作用如下:
- NestedScrollView view 返回本身,这个不用多说
- scrollX 当前横向滑动的距离
- scrollY 当前垂直滑动的距离
- oldScrollX 上一次停止后横向滑动的距离
- oldScrollY 上一次停止后垂直滑动的距离
注:这些距离都是以px作为单位,实际使用注意进行px/dp转换技巧1:获取总滑动距离与滑动比例 有人说,这还不简单,直接调用
NestedScrollView.getMeasuredHeight()
不就可以了,然后与scrollY
一除,滑动比就出来了,我只想说:too young too simple
事实上,
NestedScrollView.getMeasuredHeight()
获取的只是当前显示出来的一屏的测量高度(不包括未滑动出来的距离),真正的总高度应该调用NestedScrollView.getChildAt(0).getMeasuredHeight()
来获取,需要注意,这是控件高度,不是滑动高度,不要傻白甜的用这个与scrollY 去除获取滑动比例,如果这样做的说明你对scrollY
这个参数理解不够,这个参数是代表的滑动距离,在滑动之前已经是有一屏的距离了,所以它们之间的关系可以表示为:此处用M代表 NestedScrollView.getMeasuredHeight(),CM代表NestedScrollView.getChildAt(0).getMeasuredHeight()
- 当滑动到底部: scrollY + M = CM
- 总滑动距离 = CM-M
- 当前滑动的比例 = scrollY / 总滑动距离
- 完整比例公式: scrollY/(CM-M)
NestedScrollView
设置了padding,那么M还需要减去padding的数值获取到了滑动百分比,我们就能用它来控制文字大小,位置,透明度等等,从而实现一些酷炫的效果
技巧2:获取滑动状态 理解了滑动距离与总滑动长度之前的关系,这种判断还不是手到擒来
滑动到了顶部或底部
顶部: scrollY = 0即为滑动到了顶部
底部:
第一种:先获取滑动比例(见技巧1),等于1就说明滑动到了底部
第二种:
if(scrollY == NestedScrollView.getChildAt(0).getMeasuredHeight()- NestedScrollView.getMeasuredHeight()){
//滑动到了底部,注意如果有padding设置还需要减去一个padding的数值
}
原理其实都一样
上滑下滑
if (scrollY > oldScrollY){
//上滑}else{
//下滑
}
技巧3:控制滑动 自动滑动到底部:
NestedScrollView.fullScroll(NestedScrollView.FOCUS_DOWN)
自动滑动到顶部:
NestedScrollView.fullScroll(NestedScrollView.FOCUS_UP)
滑动到某个位置
scrollTo() //跳转到指定位置,无滑动效果
scrollBy() //从当前位置再偏移到指定位置,无滑动效果
smoothScrollTo() //与scrollTo效果相同,但添加了滑动动画效果
smoothScrollBy() //同理
【详解NestedScrollView滑动监听中的一些判断技巧】而位置的信息可以通过
view.getTop(),view.getBottom()
等方法获取控件的坐标信息,例如,滑动到指定view的上方:NestedScrollView.scrollTo(0,view.getTop())
推荐阅读
- Java|Java OpenCV图像处理之SIFT角点检测详解
- C语言浮点函数中的modf和fmod详解
- 虚拟DOM-Diff算法详解
- LSTM网络层详解及其应用实例
- OC:|OC: WKWebView详解
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show
- Vue组件之事件总线和消息发布订阅详解
- JS截取字符串的方法详解
- C语言进阶栈帧示例详解教程
- C#中类的异常处理详解