自从5.0推出NestedScrolling这个机制一直没有去了解,之前项目中要求做这种效果后觉得还是有必要学习一下,掌握这个机制是可以做出现在很多App流行的联动滚动效果的。
比如饿了么这种效果：
20161226202655700.gif
原谅我随便盗个效果图~~
这个机制也是挺复杂的,需要对于view知识有一定的了解，自己刚开始学习这个，也算对于自己学习的一个总结.
贴下布局
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.boboyuwu.nestedscrolling.MainActivity">
<com.example.boboyuwu.nestedscrolling.LinearNestedScrollParentLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/holo_blue_light"
android:gravity="center"
android:text="这是我的ActionBar"
android:textColor="@android:color/white"/>
<TextView
android:layout_width="match_parent"
android:layout_height="30dp"
android:background="@android:color/holo_red_light"
android:gravity="center"
android:text="这是中间隔的一个view哦"/>
<com.example.boboyuwu.nestedscrolling.LinearNestedScrollChildLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="@string/content"/>
</com.example.boboyuwu.nestedscrolling.LinearNestedScrollChildLayout>
</com.example.boboyuwu.nestedscrolling.LinearNestedScrollParentLayout>
</FrameLayout>
首先我们定义一个
LinearNestedScrollParentLayout extends LinearLayout implements NestedScrollingParent
实现NestedScrollingParent接口
public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes);
public void onStopNestedScroll(View target);
public void onNestedScroll(View target, int dxConsumed, int dyConsumed,
int dxUnconsumed, int dyUnconsumed);
public void onNestedPreScroll(View target, int dx, int dy, int[] consumed);
public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed);
public boolean onNestedPreFling(View target, float velocityX, float velocityY);
public int getNestedScrollAxes();
做为一个接口特么居然这么多实现方法,额滴天啊是不是一眼就想放弃的感觉,我也是这样想的,不过还好系统给我们提供了一个helper类自动帮我们处理这些逻辑.
我们在init初始化的时候new一个helper对象
mNestedScrollingParentHelper = new NestedScrollingParentHelper(this);
然后在每个实现方法里我们这样调用
mNestedScrollingParentHelper.onNestedScrollAccepted(child,target,nestedScrollAxes);
把方法中参数传递到helper类相同方法的参数中,copy copy就行了~
ok我们复制粘贴一通终于"实现了"所有的方法.
接下来以同样的方式定义一个LinearNestedScrollChildLayout类
public class LinearNestedScrollChildLayout extends LinearLayout implements NestedScrollingChild
它实现NestedScrollingChild接口,同样我们要实现一堆的方法,这个类也给我们提供了一个helper帮助类简化我们的工作
在init的时候我们创建一个helper对象
mNestedScrollingChildHelper = new NestedScrollingChildHelper(this);
跟parent同样的方式我们使用这个helper类去实现接口中的所有方法,这里就不贴代码了跟上面是一样的.
好了，基本工作做完接下来我们就去实现一个类似的效果。
我们重写child触摸事件
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mStartY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
float y = event.getY();
int diffY = (int) (mStartY - y);
if (startNestedScroll(View.SCROLL_AXIS_VERTICAL) && dispatchNestedPreScroll(0, diffY, consume, offset)) {
mOffsetY += offset[1];
Log.e("wwwconsume", " offset:" + mOffsetY);
} else {
scrollBy(0, diffY);
}
Log.e("wwww", diffY + " startY:" + mStartY + " y:" + y + " top:" + getTop());
mStartY = y;
break;
case MotionEvent.ACTION_UP:
break;
}
return true;
}
当我们移动的时候调用startNestedScroll(View.SCROLL_AXIS_VERTICAL)方法通知我们parent我要开始滑动的,里面传入一个参数,这里我传入一个垂直标记,parent可以根据这个判断返回boolean值,如果返回true就优先于child滑动,如果返回false，那么我们的if判断就不成立走else，自然parent也就不接受这次滚动事件,同时我们还要调用dispatchNestedPreScroll(0, diffY, consume, offset)这个方法里面参数分别是
params:
int dx -> 自己当前移动位置的x坐标
int dy ->自己当前移动位置的y坐标
int[] consumed -> 一个int[]数组 用于接收parent优先滑动消费的x,y距离,这个由parent滑动消费后指定
int[] offsetInWindow -> 一个int[]数组 用于记录parent每次事件的偏移量,如果每次child滑动距离parent全部消费了,那么consumed 里面的值是等同于
offsetInWindow 偏移量的我们在if()判断里打印下看看是不是这样
06-07 14:36:50.619 25570-25570/com.example.boboyuwu.nestedscrolling E/wwwconsume: offset:-3 consume:3
06-07 14:36:50.632 25570-25570/com.example.boboyuwu.nestedscrolling E/wwwconsume: offset:-18 consume:18
06-07 14:36:50.649 25570-25570/com.example.boboyuwu.nestedscrolling E/wwwconsume: offset:-1 consume:1
06-07 14:36:50.666 25570-25570/com.example.boboyuwu.nestedscrolling E/wwwconsume: offset:-15 consume:15
06-07 14:36:50.682 25570-25570/com.example.boboyuwu.nestedscrolling E/wwwconsume: offset:2 consume:-2
06-07 14:36:50.699 25570-25570/com.example.boboyuwu.nestedscrolling E/wwwconsume: offset:-9 consume:9
``
忽略helper帮我处理后的符号问题可以看到值都是一模一样的因为我在parent消费完了child的滚动距离
ok现在在parent中我们去实现一些细节
@Override
public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
Log.e("wwww","onStartNestedScroll");
return child instanceof NestedScrollingChild && nestedScrollAxes==View.SCROLL_AXIS_VERTICAL;
}
在onStartNestedScroll中我简单的判断了一下直接返回true代表parent接受这次事件在child之前滚动,这个方法调用完毕后会接着调用onNestedScrollAccepted方法我们可以在开始滚动之前进行一些设置操作,
接着child的dispatchNestedPreScroll会调用parent的
onNestedPreScroll(View target, int dx, int dy, int[] consumed) 方法,在这里
设置了2个方法
@Override
public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
//滚动之前消费
boolean b = hasHide(dy);
boolean b1 = hasShow(dy);
Log.e("aaaaaaaaaaa","b:"+b+" b1:"+b1);
if(hasHide(dy) || hasShow(dy)){
scrollBy(0,dy);
consumed[1]=dy;
}
}
private boolean hasShow(int dy) {
if(dy<0){
if(getScrollY()>0 && mChildAt2.getScrollY()==0){
Log.e("wwwhasShow", getScrollY()+ " " +mChildAt2.getScrollY()+" "+mChildAt2.getScrollY());
return true;
}
}
return false;
}
public boolean hasHide(int dy){
if(dy>0){
if(getScrollY()<mChildAt0MeasuredHeight && mChildAt2.getScrollY()==0){
Log.e("wwwhasHide", getScrollY()+" " +mChildAt2.getScrollY());
return true;
}
}
return false;
}
当接收到child传过来的dy时,根据scrollTo特性如果是-的认为是向下滚动,如果是+的则向上滚动,所以这里dy<0的时候我们判断向下滚动,这里还需要判断一下mChildAt2.getScrollY()==0因为少了这个判断的话，我们向上滚动一段距离,后再向下滚动这时应该child优先滚动,但是由于 getScrollY()始终>0那么这个方法永远返回true， 如果我们增加判断,由于我们之前child向上滚动过一段距离那么getScrollY()!=0的所以这个时候判断不成立滚动就交给我们child了。
同样当dy>0则向上滚动,同样逻辑增加一个判断.
我们滚动自己内容的时候是要限制一下滚动区域的,本来我期望向上滚动的时候滚动actionbar title高度parent就停止滚动,如果不限制它会一直向上滚,所以我们重写一下scrollTo方法因为scrollBy内部也是调用scorllTo的，
@Override
public void scrollTo(@Px int x, @Px int y) {
Log.e("wwwwscrollTo","x:"+x+" y:"+y+" mChildAt0MeasuredHeight"+mChildAt0MeasuredHeight);
if(y<0){
y=0;
}
if(y>mChildAt0MeasuredHeight && mChildAt0MeasuredHeight!=0){
y=mChildAt0MeasuredHeight;
}
super.scrollTo(x, y);
}
这里限制一下如果如果y<0说明向下已经滚动到actionbar title高度，我们限制y=0
如果向上滚动dy>actionbar title 的height高度那么则限制它就为height
同样child里面也应该限制下滚动范围原理跟parent一样就不贴代码了,好了，大概思路已经实现了，这里实现方式比较简单主要是熟悉一下NestedScrolling滚动机制,我们看一下代码运行效果,模拟器有点卡真机流畅很多
FN6BxE4Rwt.gif
网友评论