動(dòng)腦高級(jí)UI預(yù)習(xí)資料——NestedScrolling滑動(dòng)機(jī)制

1,如今NestedScrolling運(yùn)用到很多地方了,要想好看一點(diǎn)的滑動(dòng)變換,基本上就是使用這個(gè)來(lái)完成的,讓我們來(lái)簡(jiǎn)單的了解一下。

2,NestedScrolling機(jī)制能夠讓父View和子View在滾動(dòng)式進(jìn)行配合,其基本流程如下:

當(dāng)子view開始滾動(dòng)之前,可以通知父View,讓其先于自己進(jìn)行滾動(dòng);
子View自己進(jìn)行滾動(dòng);
子view滾動(dòng)之后,還可以通知父view繼續(xù)滾動(dòng)。
  而要實(shí)現(xiàn)這樣的交互機(jī)制,首先父view要實(shí)現(xiàn)NestedScrollingParent接口,而子View需要實(shí)現(xiàn)NestedScrollingChild接口,在這套機(jī)制中子View是發(fā)起者,父view是接受回調(diào)并做出響應(yīng)的。
  一下是幾個(gè)關(guān)鍵的類和接口

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

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

NestedScrollingChild接口

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

public boolean startNestedScroll(int axes);

開啟嵌套滾動(dòng)流程(實(shí)際上是進(jìn)行了一些嵌套滾動(dòng)前準(zhǔn)備工作)。
  當(dāng)找到了能夠配合當(dāng)前子view進(jìn)行嵌套滾動(dòng)的父view時(shí),返回值為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自己進(jìn)行滾動(dòng)之前調(diào)用此方法,詢問父view是否要在子view之前進(jìn)行滾動(dòng)。
  此方法的前兩個(gè)參數(shù)用于告訴父View此次要滾動(dòng)的距離;而第三第四個(gè)參數(shù)用于子view獲取父view消費(fèi)掉的距離和父view位置的偏移量。
  第一第二個(gè)參數(shù)為輸入?yún)?shù),即常規(guī)的函數(shù)參數(shù),調(diào)用函數(shù)的時(shí)候我們需要為其傳遞確切的值。而第三第四個(gè)參數(shù)為輸出參數(shù),調(diào)用函數(shù)時(shí)我們只需要傳遞容器(在這里就是兩個(gè)數(shù)組),在調(diào)用結(jié)束后,我們就可以從容器中獲取函數(shù)輸出的值。
  如果parent消費(fèi)了一部分或全部距離,則此方法返回true。

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

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

public void stopNestedScroll();
  最后,stopNestedScroll()方法與startNestedScroll(int axes)對(duì)應(yīng),用于結(jié)束嵌套滾動(dòng)流程;而慣性滾動(dòng)相關(guān)的兩個(gè)方法與觸摸滾動(dòng)相關(guān)的兩個(gè)方法類似,這里不再贅述。

NestedScrollingParent
  接口概述

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

從命名可以看出,這幾個(gè)都是回調(diào)方法。當(dāng)調(diào)用NestedScrollingChild中的方法時(shí),NestedScrollingParent中與之相對(duì)應(yīng)的方法就會(huì)被回調(diào)。方法之間的具體對(duì)應(yīng)關(guān)系如下:



從上面的接口還有方法我們可以得出一些簡(jiǎn)單的流程
調(diào)用child的startNestedScroll()來(lái)發(fā)起嵌套滑動(dòng)流程(實(shí)質(zhì)上是尋找能夠配合child進(jìn)行嵌套滾動(dòng)的parent)。parent的onStartNestedScroll()會(huì)被調(diào)用,若此方法返回true,則OnNestScrollAccepted()也會(huì)被調(diào)用。
chuld每次滾動(dòng)前,可以先詢問parent是否要滾動(dòng),即調(diào)用dispatchNestedScroll(),這時(shí)可以回調(diào)到parent的OnNestedPreScroll(),parent可以在這個(gè)回調(diào)中先于child滾動(dòng)。
dispatchNestedPreScroll()之后,child可以進(jìn)行自己的滾動(dòng)操作。
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="上面的圖片會(huì)被隱藏,而這個(gè)文字不會(huì)被隱藏"/>
 
        <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>

布局文件只是簡(jiǎn)單的嵌套,MyNestedScrollParent繼承Linearlayout,并實(shí)現(xiàn)NestedScrollingParent接口,MyNestedScrollChild同理,先來(lái)看看MyNestedScrollChild這個(gè)類吧。

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]; //消費(fèi)
    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) {
        //第一次測(cè)量,因?yàn)椴季治募懈叨仁莣rap_content,因此測(cè)量模式為atmost,即高度不超過(guò)父控件的剩余空間
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        showHeight = getMeasuredHeight();
 
        //第二次測(cè)量,對(duì)稿哦度沒有任何限制,那么測(cè)量出來(lái)的就是完全展示內(nèi)容所需要的高度
        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;
            //移動(dòng)
            case MotionEvent.ACTION_MOVE:
                int y = (int) (event.getRawY());
                int dy = y - lastY;
                lastY = y;
                if (startNestedScroll(ViewCompat.SCROLL_AXIS_HORIZONTAL)
                        && dispatchNestedPreScroll(0, dy, consumed, offset)) //如果找到了支持嵌套滑動(dòng)的父類,父類進(jìn)行了一系列的滑動(dòng)
                {
                    //獲取滑動(dòng)距離
                    int remain = dy - consumed[1];
                    if (remain != 0) {
                        scrollBy(0, -remain);
                    }
 
                } else {
                    scrollBy(0, -dy);
                }
                break;
        }
 
        return true;
    }
 
    //限制滾動(dòng)范圍
    @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對(duì)象
    private NestedScrollingChildHelper getScrollingChildHelper() {
        if (mNestedScrollingChildHelper == null) {
            mNestedScrollingChildHelper = new NestedScrollingChildHelper(this);
            mNestedScrollingChildHelper.setNestedScrollingEnabled(true);
        }
        return mNestedScrollingChildHelper;
    }
 
    //實(shí)現(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中先后調(diào)用了startNestedScroll()和dispatchNestedPreScroll()方法,在借助helper來(lái)完成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
 * 嵌套滑動(dòng)機(jī)制父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是哪一個(gè)子view以及滾動(dòng)的方向,然后決定是否要配合其進(jìn)行嵌套滾動(dòng)
    @Override
    public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
        if (target instanceof MyNestedScrollChild) {
            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滾動(dòng)
    //前3個(gè)為輸入?yún)?shù),最后一個(gè)是輸出參數(shù)
    @Override
    public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
        if (showImg(dy) || hideImg(dy)) {//如果需要顯示或隱藏圖片,即需要自己(parent)滾動(dòng)
            scrollBy(0, -dy);//滾動(dòng)
            consumed[1] = dy;//告訴child我消費(fèi)了多少
        }
    }
 
    //后于child滾動(dòng)
    @Override
    public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
 
    }
 
    //返回值:是否消費(fèi)了fling
    @Override
    public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
        return false;
    }
 
    //返回值:是否消費(fèi)了fling
    @Override
    public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
        return false;
    }
 
    @Override
    public int getNestedScrollAxes() {
        return mNestedScrollingParentHelper.getNestedScrollAxes();
    }
 
    //下拉的時(shí)候是否要向下滾動(dòng)以顯示圖片
    public boolean showImg(int dy) {
        if (dy > 0) {
            if (getScrollY() > 0 && myNestedScrollChild.getScrollY() == 0) {
                return true;
            }
        }
 
        return false;
    }
 
    //上拉的時(shí)候,是否要向上滾動(dòng),隱藏圖片
    public boolean hideImg(int dy) {
        if (dy < 0) {
            if (getScrollY() < imgHeight) {
                return true;
            }
        }
        return false;
    }
 
    //scrollBy內(nèi)部會(huì)調(diào)用scrollTo
    //限制滾動(dòng)范圍
    @Override
    public void scrollTo(int x, int y) {
        if (y < 0) {
            y = 0;
        }
        if (y > imgHeight) {
            y = imgHeight;
        }
 
        super.scrollTo(x, y);
    }
}

MyNestedScrollParent主要是實(shí)現(xiàn)一下功能

①、在onStartNestedScroll()中判斷參數(shù)target是哪一個(gè)子view以及滾動(dòng)的方向,然后決定是否要配合其進(jìn)行嵌套滾動(dòng)

②、在onNestedPreScroll()中獲取需要滾動(dòng)的距離,根據(jù)情況決定自己是否要進(jìn)行滾動(dòng),最后還要將自己滾動(dòng)消費(fèi)掉的距離存儲(chǔ)在consumed數(shù)組中回傳給child

就這樣基本實(shí)現(xiàn)了,很簡(jiǎn)單有沒有,再看看我們接下來(lái)要實(shí)現(xiàn)的效果,如圖:


原文作者:[阿呆哥哥]
原文鏈接:https://www.cnblogs.com/wjtaigwh/p/6398562.html
來(lái)源:簡(jiǎn)書

最后編輯于
?著作權(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ù)。

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