NestedScrolling機(jī)制的學(xué)習(xí)筆記(二)

這篇文章會(huì)用NestedScrolling機(jī)制做一個(gè)實(shí)例,此實(shí)例代碼參考自:http://blog.csdn.net/al4fun/article/details/53889075

我在源代碼的基礎(chǔ)上,刪減了些代碼,加了些注釋

例子效果如下:
1.gif

先貼出布局文件代碼:

<?xml version="1.0" encoding="utf-8"?>
<com.example.nesteddemo.MyParent 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.nesteddemo.MainActivity"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher_round"
        android:layout_gravity="center_horizontal"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我是不會(huì)隱藏的文字欄,辣雞"
        android:background="#FFB6C1"
        android:textSize="25sp"/>

    <com.example.nesteddemo.MyChild
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/libai"
            android:textSize="25sp"/>

    </com.example.nesteddemo.MyChild>

</com.example.nesteddemo.MyParent>

布局文件很簡(jiǎn)單,其中MyParent和MyChild分別是實(shí)現(xiàn)了NestedScrollingParent和NestedScrollingChild接口的父容器和子元素,這兩個(gè)View都繼承自LinearLayout。

我們先來看看MyChild是怎樣實(shí)現(xiàn)的:

public class MyChild extends LinearLayout implements NestedScrollingChild {
    NestedScrollingChildHelper nscp;
    int lastY;

    //這兩個(gè)數(shù)組用來接收父容器傳過來的參數(shù)
    int[] consumed;
    int[] offsetWindow;

    int showHeight;

    public MyChild(Context context) {
        this(context,null);
    }

    public MyChild(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //第一次測(cè)量,因?yàn)槭莣rap_content,測(cè)量出來的只是父容器除了ImageView和TextView剩余的高度
        //此次測(cè)量只是為了求得剩余的高度
        //如果沒有第二次測(cè)量,那么下面的文字就會(huì)顯示不出來
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        showHeight = getMeasuredHeight();

        //現(xiàn)在我們把MeasureSpec設(shè)置為UNSPECIFIED,這樣MyChild的高度就沒有限制了,也就能顯示全部的文字了
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(0,MeasureSpec.UNSPECIFIED);
        super.onMeasure(widthMeasureSpec,heightMeasureSpec);
    }

    @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;

                //開啟NestedScrolling機(jī)制,如果找到了匹配的父容器,那么就與父容器配合消費(fèi)掉滑動(dòng)距離
                if(startNestedScroll(ViewCompat.SCROLL_AXIS_VERTICAL)){
                    //dy是我們傳過去的滑動(dòng)的距離,父容器可以根據(jù)邏輯來選擇要不要消費(fèi),消費(fèi)多少
                    dispatchNestedPreScroll(0,dy,consumed,offsetWindow);
                    scrollBy(0,-dy);
                }

                break;

            case MotionEvent.ACTION_UP:
                break;
        }

        return true;
    }

    //scrollBy內(nèi)部調(diào)用scrollTo,我們不能滑出去,也不能滑的太下面,我們要修正這些情況
    @Override
    public void scrollTo(@Px int x, @Px int y) {
        int maxY = getMeasuredHeight()-showHeight;
        if(y>maxY){
            y=maxY;
        }
        else if(y<0){
            y=0;
        }
        super.scrollTo(x, y);
    }

    //這里使用單例模式提供Helper,我發(fā)現(xiàn)如果沒有單例模式,機(jī)制就會(huì)失效
    //原因我大致的猜到了,但是我還不能具體的表達(dá)出來,如果有人知道,請(qǐng)?jiān)谠u(píng)論區(qū)留下言
    private NestedScrollingChildHelper getNscp(){
        if(nscp == null){
            nscp = new NestedScrollingChildHelper(this);
            nscp.setNestedScrollingEnabled(true);
            return nscp;
        }else {
            return nscp;
        }
    }

    @Override
    public void setNestedScrollingEnabled(boolean enabled) {
        getNscp().setNestedScrollingEnabled(enabled);
    }

    @Override
    public boolean isNestedScrollingEnabled() {
        return getNscp().isNestedScrollingEnabled();
    }

    @Override
    public boolean startNestedScroll(int axes) {
        return getNscp().startNestedScroll(axes);
    }

    @Override
    public void stopNestedScroll() {
        getNscp().stopNestedScroll();
    }

    @Override
    public boolean hasNestedScrollingParent() {
        return getNscp().hasNestedScrollingParent();
    }

    @Override
    public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int[] offsetInWindow) {
        return getNscp().dispatchNestedScroll(dxConsumed,dyConsumed,dxUnconsumed,dyUnconsumed,offsetInWindow);
    }

    @Override
    public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
        return getNscp().dispatchNestedPreScroll(dx,dy,consumed,offsetInWindow);
    }

    @Override
    public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
        return getNscp().dispatchNestedFling(velocityX,velocityY,consumed);
    }

    @Override
    public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
        return getNscp().dispatchNestedPreFling(velocityX,velocityY);
    }
}

大多數(shù)的函數(shù)我們都用幫助類的同名函數(shù)處理了,其余的代碼我已經(jīng)寫上了詳細(xì)的注釋,不難看懂。

接下看下MyParent的實(shí)現(xiàn):

public class MyParent extends LinearLayout implements NestedScrollingParent {
    NestedScrollingParentHelper nsp;
    ImageView iv;
    MyChild nsc;
    int ivHeight;

    public MyParent(Context context) {
        this(context,null);
    }

    public MyParent(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        //創(chuàng)建一個(gè)Helper類
        nsp = new NestedScrollingParentHelper(this);
    }

    //拿到父容器里面的三個(gè)子View
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        iv = (ImageView) getChildAt(0);
        nsc = (MyChild) getChildAt(2);

        //拿到ImageView的高度
        iv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                if(ivHeight<=0){
                    ivHeight = iv.getMeasuredHeight();
                }
            }
        });

    }

    @Override
    public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
        //參數(shù)里target是實(shí)現(xiàn)了NestedScrolling機(jī)制的子元素,這個(gè)子元素可以不是父容器的直接子元素
        //child是包含了target的View,這個(gè)View是父容器的直接子元素
        if(target instanceof MyChild){
            return true;
        }

        return false;
    }

    @Override
    public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
        //dy是子View傳過來的,來詢問父容器是不是要消費(fèi)他,要的話,就把dy放進(jìn)consumed數(shù)組,表示我消費(fèi)了
        //其中consumed數(shù)組,consumed[0]表示x方向的距離,consumed[1]表示y方向的距離
        if(showImg(dy)||hideImg(dy)/*這里根據(jù)業(yè)務(wù)邏輯來判斷*/){
            scrollBy(0,-dy);
            consumed[1] = dy;
        }
    }

    private boolean hideImg(int dy) {
        //上拉的時(shí)候,判斷是不是要隱藏圖片
        if(dy<0){
            if(getScrollY()<ivHeight){
                //判斷只要上移的部分,沒有超過ImageView,那么就讓父容器繼續(xù)滑動(dòng)
                return true;
            }
        }

        return false;
    }

    private boolean showImg(int dy) {
        //下拉的時(shí)候,判斷是不是要顯示圖片
        if(dy>0){
            if(nsc.getScrollY()==0){
                return true;
            }
        }

        return false;
    }

    //scrollBy內(nèi)部調(diào)用scrollTo,我們父容器不能滑出去,也不能滑的太下面,我們要修正這些情況
    @Override
    public void scrollTo(@Px int x, @Px int y) {
        if(y>ivHeight){
            y = ivHeight;
        }
        else if(y<0){
            y=0;
        }

        super.scrollTo(x,y);
    }

    @Override
    public void onNestedScrollAccepted(View child, View target, int nestedScrollAxes) {
        nsp.onNestedScrollAccepted(child,target,nestedScrollAxes);
    }

    @Override
    public void onStopNestedScroll(View target) {
        nsp.onStopNestedScroll(target);
    }

    @Override
    public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {

    }

    @Override
    public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
        return false;
    }

    @Override
    public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
        return false;
    }

    @Override
    public int getNestedScrollAxes() {
        return 0;
    }
}

和MyChild一樣,大多數(shù)函數(shù)都用幫助類的同名函數(shù)處理了,其余的也寫上了詳細(xì)的注釋。

好了,沒了。

完整代碼地址:https://github.com/ChenTianSaber/NestedScrollingDemo

結(jié)束:

這篇文章先到此結(jié)束。

感覺寫的好干,因?yàn)榇蠖鄶?shù)地方都被幫助類實(shí)現(xiàn)了,而且例子也簡(jiǎn)單,沒有什么一步一步的步驟。大家可以看懂了之后,自己寫一遍。

接下來我們會(huì)分析一下NestedScrolling的源碼,來看看它們是怎么做到相互配合的。

如果有問題,請(qǐng)?jiān)谠u(píng)論區(qū)留言,才疏學(xué)淺,歡迎大家批評(píng)指正。

最后的最后:

感謝我可愛的女朋友。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,048評(píng)論 25 709
  • 一、溫故而知新 1. 內(nèi)存不夠怎么辦 內(nèi)存簡(jiǎn)單分配策略的問題地址空間不隔離內(nèi)存使用效率低程序運(yùn)行的地址不確定 關(guān)于...
    SeanCST閱讀 8,125評(píng)論 0 27
  • 終于見到你,圓了一個(gè)心愿。一暑假念念不忘的美景,也終于去感受了一遍。一片花海,背后的付出,人前的開放!都在花海之中...
    王麗燕199閱讀 466評(píng)論 0 2
  • 看大家都在說,告訴你個(gè)秘密,我在簡(jiǎn)書上撿個(gè)妹妹、哥哥。我說,你會(huì)在簡(jiǎn)書上撿個(gè)姐姐,順帶送個(gè)妹妹。哈哈哈…… ...
    心覺堂閱讀 756評(píng)論 8 9
  • 身處1700米海拔的黃土高原上,我們沿著泥濘的鄉(xiāng)間小路來到空曠的玉米地。學(xué)著老師的樣子,我們以小組為單位分工掰玉米...
    習(xí)習(xí)晨風(fēng)閱讀 180評(píng)論 0 0

友情鏈接更多精彩內(nèi)容