Android -- NestedScrolling滑動機制

1,如今NestedScrolling運用到很多地方了简卧,要想好看一點的滑動變換兔魂,基本上就是使用這個來完成的,讓我們來簡單的了解一下举娩。

2入热,NestedScrolling機制能夠讓父View和子View在滾動式進行配合,其基本流程如下:

當子view開始滾動之前晓铆,可以通知父View,讓其先于自己進行滾動绰播;
子View自己進行滾動骄噪;
子view滾動之后,還可以通知父view繼續(xù)滾動蠢箩。
  而要實現(xiàn)這樣的交互機制链蕊,首先父view要實現(xiàn)NestedScrollingParent接口事甜,而子View需要實現(xiàn)NestedScrollingChild接口,在這套機制中子View是發(fā)起者滔韵,父view是接受回調并做出響應的逻谦。
  一下是幾個關鍵的類和接

//主要接口
NestedScrollingChild
NestedScrollingParent
//幫助類
NestedScrollingChildHelper
NestedScrollingParentHelper

一些新的系統(tǒng)View已經(jīng)幫我們實現(xiàn)了以上兩個接口,也就是說他們是支持NestedScrolling陪蜻,例如:
  NestedScrollView已經(jīng)實現(xiàn)了NestedScrollingChild和NestedScrollingParent兩個接口
  RecycleView已經(jīng)實現(xiàn)了NestedScrollingChild
  CoordinatorLayout實現(xiàn)了NestedScrollingParent
  ....等等邦马。
  NestedScrollingChild接口

//開始、停止嵌套滾動
public boolean startNestedScroll(int axes); public void stopNestedScroll();
//觸摸滾動相關
public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow);
public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, 
int dxUnconsumed, int dyUnconsumed, int[] offsetInWindow);
//慣性滾動相關 
public boolean dispatchNestedPreFling(float velocityX, float velocityY);
public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed);
 public boolean startNestedScroll(int axes);

開啟嵌套滾動流程(實際上是進行了一些嵌套滾動前準備工作)宴卖。
  當找到了能夠配合當前子view進行嵌套滾動的父view時滋将,返回值為true(Returns:true if a cooperative parent was found and nested scrolling has been enabled for the current gesture)。

  public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow);

在子view自己進行滾動之前調用此方法症昏,詢問父view是否要在子view之前進行滾動随闽。
  此方法的前兩個參數(shù)用于告訴父View此次要滾動的距離;而第三第四個參數(shù)用于子view獲取父view消費掉的距離和父view位置的偏移量肝谭。
  第一第二個參數(shù)為輸入?yún)?shù)掘宪,即常規(guī)的函數(shù)參數(shù),調用函數(shù)的時候我們需要為其傳遞確切的值攘烛。而第三第四個參數(shù)為輸出參數(shù)魏滚,調用函數(shù)時我們只需要傳遞容器(在這里就是兩個數(shù)組),在調用結束后医寿,我們就可以從容器中獲取函數(shù)輸出的值栏赴。
  如果parent消費了一部分或全部距離,則此方法返回true靖秩。

  public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int[] offsetInWindow);

在子view自己進行滾動之后調用此方法须眷,詢問父view是否還要進行余下(unconsumed)的滾動。
  前四個參數(shù)為輸入?yún)?shù)沟突,用于告訴父view已經(jīng)消費和尚未消費的距離花颗,最后一個參數(shù)為輸出參數(shù),用于子view獲取父view位置的偏移量惠拭。
  返回值:(翻譯出來可能有歧義扩劝,直接放原文)true if the event was dispatched, false if it could not be dispatched.

  public void stopNestedScroll();

最后,stopNestedScroll()方法與startNestedScroll(int axes)對應职辅,用于結束嵌套滾動流程棒呛;而慣性滾動相關的兩個方法與觸摸滾動相關的兩個方法類似,這里不再贅述域携。

NestedScrollingParent
  接口概述

//當開啟簇秒、停止嵌套滾動時被調用
public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes);
public void onNestedScrollAccepted(View child, View target, int nestedScrollAxes);
public void onStopNestedScroll(View target);
//當觸摸嵌套滾動時被調用
public void onNestedPreScroll(View target, int dx, int dy, int[] consumed);
public void onNestedScroll(View target, int dxConsumed, int dyConsumed, 
int dxUnconsumed, int dyUnconsumed);
//當慣性嵌套滾動時被調用
public boolean onNestedPreFling(View target, float velocityX, float velocityY);
public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed);

從命名可以看出,這幾個都是回調方法秀鞭。當調用NestedScrollingChild中的方法時趋观,NestedScrollingParent中與之相對應的方法就會被回調扛禽。方法之間的具體對應關系如下:


對應關系

從上面的接口還有方法我們可以得出一些簡單的流程
調用child的startNestedScroll()來發(fā)起嵌套滑動流程(實質上是尋找能夠配合child進行嵌套滾動的parent)。parent的onStartNestedScroll()會被調用皱坛,若此方法返回true编曼,則OnNestScrollAccepted()也會被調用。
child每次滾動前剩辟,可以先詢問parent是否要滾動掐场,即調用dispatchNestedScroll(),這時可以回調到parent的OnNestedPreScroll()抹沪,parent可以在這個回調中先于child滾動刻肄。
dispatchNestedPreScroll()之后,child可以進行自己的滾動操作融欧。
3敏弃,自定義NestedScrolling控件


效果圖

先看一下布局文件
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
    >
 
    <com.qianmo.mynestedscrolling.view.MyNestedScrollParent
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:orientation="vertical">
 
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher"/>
 
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#f0f"
            android:text="上面的圖片會被隱藏,而這個文字不會被隱藏"/>
 
        <com.qianmo.mynestedscrolling.view.MyNestedScrollChild
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
 
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="123\n456\n789\n111\n222\n333\n444\n555\n666\n777\n888\n999\n14\n12\n13\n44\n55\n66\n77\n88\n99\n11\n22\n33\n44\n55\n66\n77\n88\n99\n77\n88\n88\n8\n88\n88\n"
                android:textColor="#f0f"
                android:textSize="20sp"/>
        </com.qianmo.mynestedscrolling.view.MyNestedScrollChild>
    </com.qianmo.mynestedscrolling.view.MyNestedScrollParent>
</RelativeLayout>

布局文件只是簡單的嵌套噪馏,MyNestedScrollParent繼承Linearlayout麦到,并實現(xiàn)NestedScrollingParent接口,MyNestedScrollChild同理欠肾,先來看看MyNestedScrollChild這個類吧瓶颠。
MyNestedScrollChild.java

package com.qianmo.mynestedscrolling.view;
 
import android.content.Context;
import android.os.Build;
import android.support.annotation.RequiresApi;
import android.support.v4.view.NestedScrollingChild;
import android.support.v4.view.NestedScrollingChildHelper;
import android.support.v4.view.ViewCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.LinearLayout;
 
 
/**
 * Created by Administrator on 2017/2/14 0014.
 * E-Mil:543441727@qq.com
 */
 
public class MyNestedScrollChild extends LinearLayout implements NestedScrollingChild {
    private NestedScrollingChildHelper mNestedScrollingChildHelper;
    private final int[] offset = new int[2]; //偏移量
    private final int[] consumed = new int[2]; //消費
    private int lastY;
    private int showHeight;
 
 
    public MyNestedScrollChild(Context context) {
        super(context);
    }
 
    public MyNestedScrollChild(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
 
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //第一次測量,因為布局文件中高度是wrap_content刺桃,因此測量模式為atmost粹淋,即高度不超過父控件的剩余空間
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        showHeight = getMeasuredHeight();
 
        //第二次測量,對稿哦度沒有任何限制瑟慈,那么測量出來的就是完全展示內容所需要的高度
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
 
    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            //按下
            case MotionEvent.ACTION_DOWN:
                lastY = (int) event.getRawY();
                break;
            //移動
            case MotionEvent.ACTION_MOVE:
                int y = (int) (event.getRawY());
                int dy = y - lastY;
                lastY = y;
                if (startNestedScroll(ViewCompat.SCROLL_AXIS_VERTICAL)//通知父view滑動方向
                        && dispatchNestedPreScroll(0, dy, consumed, offset)) //如果找到了支持嵌套滑動的父類,父類進行了一系列的滑動
                {
                    //獲取滑動距離
                    int remain = dy - consumed[1];
                    if (remain != 0) {
                        scrollBy(0, -remain);
                    }
 
                } else {
                    scrollBy(0, -dy);
                }
                break;
        }
 
        return true;
    }
 
    //限制滾動范圍
    @Override
    public void scrollTo(int x, int y) {
        int maxY = getMeasuredHeight() - showHeight;
        if (y > maxY) {
            y = maxY;
        }
        if (y < 0) {
            y = 0;
        }
        super.scrollTo(x, y);
    }
 
    //初始化helper對象
    private NestedScrollingChildHelper getScrollingChildHelper() {
        if (mNestedScrollingChildHelper == null) {
            mNestedScrollingChildHelper = new NestedScrollingChildHelper(this);
            mNestedScrollingChildHelper.setNestedScrollingEnabled(true);
        }
        return mNestedScrollingChildHelper;
    }
 
    //實現(xiàn)一下接口
    @Override
    public void setNestedScrollingEnabled(boolean enabled) {
        getScrollingChildHelper().setNestedScrollingEnabled(enabled);
    }
 
    @Override
    public boolean isNestedScrollingEnabled() {
        return getScrollingChildHelper().isNestedScrollingEnabled();
    }
 
    @Override
    public boolean startNestedScroll(int axes) {
        return getScrollingChildHelper().startNestedScroll(axes);
    }
 
    @Override
    public void stopNestedScroll() {
        getScrollingChildHelper().stopNestedScroll();
    }
 
    @Override
    public boolean hasNestedScrollingParent() {
        return getScrollingChildHelper().hasNestedScrollingParent();
    }
 
    @Override
    public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int[] offsetInWindow) {
        return getScrollingChildHelper().dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, offsetInWindow);
    }
 
    @Override
    public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
        return getScrollingChildHelper().dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
    }
 
    @Override
    public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
        return getScrollingChildHelper().dispatchNestedFling(velocityX, velocityY, consumed);
    }
 
    @Override
    public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
        return getScrollingChildHelper().dispatchNestedPreFling(velocityX, velocityY);
    }
}

主要是在OnTouchEvent中先后調用了startNestedScroll()和dispatchNestedPreScroll()方法桃移,在借助helper來完成NestedScrollingParent接口方法
MyNestedScrollParent.java

package com.qianmo.mynestedscrolling.view;
 
import android.content.Context;
import android.support.v4.view.NestedScrollingParent;
import android.support.v4.view.NestedScrollingParentHelper;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
 
/**
 * Created by wangjitao on 2017/2/14 0014.
 * E-Mail:543441727@qq.com
 * 嵌套滑動機制父View
 */
 
public class MyNestedScrollParent extends LinearLayout implements NestedScrollingParent {
    private ImageView img;
    private TextView tv;
    private MyNestedScrollChild myNestedScrollChild;
    private NestedScrollingParentHelper mNestedScrollingParentHelper;
    private int imgHeight;
    private int tvHeight;
 
    public MyNestedScrollParent(Context context) {
        super(context);
    }
 
    public MyNestedScrollParent(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
 
    private void init() {
        mNestedScrollingParentHelper = new NestedScrollingParentHelper(this);
    }
 
    //獲取子view
    @Override
    protected void onFinishInflate() {
        img = (ImageView) getChildAt(0);
        tv = (TextView) getChildAt(1);
        myNestedScrollChild = (MyNestedScrollChild) getChildAt(2);
        img.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                if (imgHeight <= 0) {
                    imgHeight = img.getMeasuredHeight();
                }
            }
        });
        tv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                if (tvHeight <= 0) {
                    tvHeight = tv.getMeasuredHeight();
                }
            }
        });
    }
 
    //在此可以判斷參數(shù)target是哪一個子view以及滾動的方向,然后決定是否要配合其進行嵌套滾動
    @Override
    public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
        if (target instanceof MyNestedScrollChild && ViewCompat.SCROLL_AXIS_VERTICAL == nestedScrollAxes) {
            return true;
        }
        return false;
    }
 
 
    @Override
    public void onNestedScrollAccepted(View child, View target, int nestedScrollAxes) {
        mNestedScrollingParentHelper.onNestedScrollAccepted(child, target, nestedScrollAxes);
    }
 
    @Override
    public void onStopNestedScroll(View target) {
        mNestedScrollingParentHelper.onStopNestedScroll(target);
    }
 
    //先于child滾動
    //前3個為輸入?yún)?shù)葛碧,最后一個是輸出參數(shù)
    @Override
    public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
        if (showImg(dy) || hideImg(dy)) {//如果需要顯示或隱藏圖片借杰,即需要自己(parent)滾動
            scrollBy(0, -dy);//滾動
            consumed[1] = dy;//告訴child我消費了多少
        }
    }
 
    //后于child滾動
    @Override
    public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
 
    }
 
    //返回值:是否消費了fling
    @Override
    public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
        return false;
    }
 
    //返回值:是否消費了fling
    @Override
    public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
        return false;
    }
 
    @Override
    public int getNestedScrollAxes() {
        return mNestedScrollingParentHelper.getNestedScrollAxes();
    }
 
    //下拉的時候是否要向下滾動以顯示圖片
    public boolean showImg(int dy) {
        if (dy > 0) {
            if (getScrollY() > 0 && myNestedScrollChild.getScrollY() == 0) {
                return true;
            }
        }
 
        return false;
    }
 
    //上拉的時候,是否要向上滾動进泼,隱藏圖片
    public boolean hideImg(int dy) {
        if (dy < 0) {
            if (getScrollY() < imgHeight) {
                return true;
            }
        }
        return false;
    }
 
    //scrollBy內部會調用scrollTo
    //限制滾動范圍
    @Override
    public void scrollTo(int x, int y) {
        if (y < 0) {
            y = 0;
        }
        if (y > imgHeight) {
            y = imgHeight;
        }
 
        super.scrollTo(x, y);
    }
}

MyNestedScrollParent主要是實現(xiàn)一下功能
 ≌岷狻①、在onStartNestedScroll()中判斷參數(shù)target是哪一個子view以及滾動的方向乳绕,然后決定是否要配合其進行嵌套滾動
 〗实搿②、在onNestedPreScroll()中獲取需要滾動的距離洋措,根據(jù)情況決定自己是否要進行滾動翩隧,最后還要將自己滾動消費掉的距離存儲在consumed數(shù)組中回傳給child
  就這樣基本實現(xiàn)了,很簡單有沒有,再看看我們接下來要實現(xiàn)的效果堆生,如圖


效果圖
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市雷酪,隨后出現(xiàn)的幾起案子淑仆,更是在濱河造成了極大的恐慌,老刑警劉巖哥力,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蔗怠,死亡現(xiàn)場離奇詭異,居然都是意外死亡吩跋,警方通過查閱死者的電腦和手機寞射,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锌钮,“玉大人桥温,你說我怎么就攤上這事×呵穑” “怎么了侵浸?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長氛谜。 經(jīng)常有香客問我掏觉,道長,這世上最難降的妖魔是什么值漫? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任澳腹,我火速辦了婚禮,結果婚禮上杨何,老公的妹妹穿的比我還像新娘酱塔。我一直安慰自己,他們只是感情好晚吞,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布延旧。 她就那樣靜靜地躺著,像睡著了一般槽地。 火紅的嫁衣襯著肌膚如雪迁沫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天捌蚊,我揣著相機與錄音集畅,去河邊找鬼。 笑死缅糟,一個胖子當著我的面吹牛挺智,可吹牛的內容都是我干的。 我是一名探鬼主播窗宦,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼赦颇,長吁一口氣:“原來是場噩夢啊……” “哼二鳄!你這毒婦竟也來了?” 一聲冷哼從身側響起媒怯,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤订讼,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后扇苞,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體欺殿,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年鳖敷,在試婚紗的時候發(fā)現(xiàn)自己被綠了脖苏。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡定踱,死狀恐怖棍潘,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情屋吨,我是刑警寧澤蜒谤,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站至扰,受9級特大地震影響鳍徽,放射性物質發(fā)生泄漏。R本人自食惡果不足惜敢课,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一阶祭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧直秆,春花似錦濒募、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至筝野,卻和暖如春晌姚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背歇竟。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工挥唠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人焕议。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓宝磨,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子唤锉,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345