AndroidASD完全解析07之CoordinatorLayout

前面我們簡單的介紹過CoordinatorLayout這個控件，這一篇我們詳細地介紹這個ASD庫中最重要的控件。

概述

在我們上一篇文章《AndroidASD完全解析06之CollapsingToolbarLayout》中，我們在NestedScrollView這個控件中有設置了一個屬性：app:layout_behavior="@string/appbar_scrolling_view_behavior"，我們看一下完整的代碼：

 <android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="8dp"
        app:cardCornerRadius="5dp"
        app:cardElevation="5dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="10dp"
            android:text="@string/custom_text"
            android:textSize="16sp"/>
    </android.support.v7.widget.CardView>
</android.support.v4.widget.NestedScrollView>

在這里，appbar_scrolling_view_behavior并不是一個字符串，而是一個類，而且這個類我們可以自定義。

這里，我們需要引入一個新的東西這個就叫Behavior。

在這里我們先看一下CoordinatorLayout中Behavior的官方介紹：

A Behavior implements one or more interactions that a user can take on a child view. These interactions may include drags, swipes, flings, or any other gestures.

簡單地說：一個Behavior可以提供給一個或者多個用戶在同一個子View中實現拖動、滑動、飛速滑動或者其它手勢操作。

這個Behavior是CoordinatorLayout的內部類，直接子類有：AppBarLayout.Behavior, AppBarLayout.ScrollingViewBehavior, FloatingActionButton.Behavior, SwipeDismissBehavior<V extends View>我們自定義的時候需要繼承于Behavior。

Behavior只有是CoordinatorLayout的直接子View才有意義，我們可以為任何View添加一個Behavior。

Behavior是一系列回調。讓開發者有機會以非侵入的方式為View添加動態的依賴布局，和處理父布局(CoordinatorLayout)滑動手勢的機會。

下面我們學習一下怎么實現一個自定義Behavior

使用

跟ASD庫的其它控件一樣，使用SnackBar和CoordinatorLayout需要在bundle.gradle中添加如下代碼：

compile 'com.android.support:design:24.0.0'

在自定義Behavior中，如果是某個View監聽另外一個View的大小，位置，顯示狀態等狀態變化的時候，我們需要關心的是下面的三個方法：

  • layoutDependsOn(CoordinatorLayout parent, View child, View dependency)

  • onDependentViewChanged(CoordinatorLayout parent, View child, View dependency)

  • onDependentViewRemoved(CoordinatorLayout parent, View child, View dependency)

具體的代碼解析如下：

 /**
 * 必須要實現這個構造函數，因為CoordinatorLayout源碼中的parseBehavior()方法直接反射調用這個構造函數。
 *
 * @param context 上下文對象
 * @param attrs   接收XMl中定義的屬性信息
 */
public DependentBehavior(Context context, AttributeSet attrs) {
    super(context, attrs);
   
}
/**
 * 設置我們需要關心的View
 *
 * @param parent     當前的CoordinatorLayout
 * @param child      我們設置當前Behavior的View
 * @param dependency 我們需要關心的View
 * @return
 */
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
    return dependency instanceof Toolbar;
}

/**
 * 當我們關心的View發生變化的時候，我們需要怎么處理
 *
 * @param parent     當前的CoordinatorLayout
 * @param child      我們設置當前Behavior的View
 * @param dependency 我們需要關心的View
 * @return
 */
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
    
}

 /**
 * 在layoutDependsOn返回true的基礎上之后，報告dependency被移除了
 *
 * @param parent     當前的CoordinatorLayout
 * @param child      設置了Behavior的View
 * @param dependency 設置Behavior依賴的View
 */
@Override
public void onDependentViewRemoved(CoordinatorLayout parent, View child, View dependency) {
    super.onDependentViewRemoved(parent, child, dependency);
}
}

如果是監聽CoordinatorLayout里面滑動狀態的，我們需要關心的是另外一些方法：

  • onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes)

  • onNestedPreScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dx, int dy, int[] consumed)

  • onNestedScrollAccepted(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes)

  • onStopNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target)

  • onNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed)

  • onNestedFling(CoordinatorLayout coordinatorLayout, View child, View target, float velocityX, float velocityY, boolean consumed)

  • onNestedPreFling(CoordinatorLayout coordinatorLayout, View child, View target, float velocityX, float velocityY)

具體的方法解析代碼就是：

public class CustomBehavior extends CoordinatorLayout.Behavior<View> {

public CustomBehavior(Context context, AttributeSet attrs) {
    super(context, attrs);
}

/**
 * 有嵌套滑動到來了，問下該Behavior是否接受嵌套滑動
 *
 * @param coordinatorLayout 當前的CoordinatorLayout
 * @param child             該Behavior對應的View
 * @param directTargetChild 嵌套滑動對應的父類的子類
 * @param target            具體嵌套滑動的那個子類
 * @param nestedScrollAxes  支持嵌套滾動軸。水平方向，垂直方向，或者不指定
 * @return 是否接受該嵌套滑動
 */
@Override
public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) {
    return super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
}

/**
 * 在嵌套滑動的子View未滑動之前告訴過來的準備滑動的情況
 *
 * @param coordinatorLayout
 * @param child             該Behavior對應的View
 * @param target            具體嵌套滑動的那個子類
 * @param dx                水平方向嵌套滑動的子View想要變化的距離
 * @param dy                垂直方向嵌套滑動的子View想要變化的距離
 * @param consumed          這個參數要我們在實現這個函數的時候指定，回頭告訴子View當前父View消耗的距離 consumed[0] 水平消耗的距離，consumed[1] 垂直消耗的距離 好讓子view做出相應的調整
 */
@Override
public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dx, int dy, int[] consumed) {
    super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed);
}

/**
 * Behavior接受了嵌套滑動的請求該函數調用。onStartNestedScroll返回true該函數會被調用。 參數和onStartNestedScroll一樣
 *
 * @param coordinatorLayout 當前的CoordinatorLayout
 * @param child             該Behavior對應的View
 * @param directTargetChild 嵌套滑動對應的父類的子類
 * @param target            具體嵌套滑動的那個子類
 * @param nestedScrollAxes  支持嵌套滾動軸。水平方向，垂直方向，或者不指定
 */
@Override
public void onNestedScrollAccepted(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) {
    super.onNestedScrollAccepted(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
}

/**
 * 停止嵌套滑動
 *
 * @param coordinatorLayout
 * @param child             設置Behavior的View
 * @param target            具體嵌套滑動的那個子類
 */
@Override
public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target) {
    super.onStopNestedScroll(coordinatorLayout, child, target);
}

/**
 * 嵌套滑動的子View在滑動之后報告過來的滑動情況
 *
 * @param coordinatorLayout
 * @param child             設置Behavior的View
 * @param target            具體嵌套滑動的那個子類
 * @param dxConsumed        水平方向嵌套滑動的子View滑動的距離
 * @param dyConsumed        垂直方向嵌套滑動的子View滑動的距離
 * @param dxUnconsumed      水平方向嵌套滑動的子View未滑動的距離
 * @param dyUnconsumed      垂直方向嵌套滑動的子View未滑動的距離
 */
@Override
public void onNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
    super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);
}

/**
 * 嵌套滑動的子View在fling之后報告過來的fling情況
 *
 * @param coordinatorLayout
 * @param child             設置Behavior的View
 * @param target            具體嵌套滑動的那個子類
 * @param velocityX         水平方向速度
 * @param velocityY         垂直方向速度
 * @param consumed          子view是否fling了
 * @return true Behavior是否消耗了fling;false Behavior沒有消耗fling
 */
@Override
public boolean onNestedFling(CoordinatorLayout coordinatorLayout, View child, View target, float velocityX, float velocityY, boolean consumed) {
    return super.onNestedFling(coordinatorLayout, child, target, velocityX, velocityY, consumed);
}

/**
 * 在嵌套滑動的子View未fling之前告訴過來的準備fling的情況
 *
 * @param coordinatorLayout
 * @param child             設置Behavior的View
 * @param target            具體嵌套滑動的那個子類
 * @param velocityX         水平方向速度
 * @param velocityY         垂直方向速度
 * @return true Behavior是否消耗了fling;false Behavior沒有消耗fling
 */
@Override
public boolean onNestedPreFling(CoordinatorLayout coordinatorLayout, View child, View target, float velocityX, float velocityY) {
    return super.onNestedPreFling(coordinatorLayout, child, target, velocityX, velocityY);
}
}

關于Behavior的自定義解析就到這里，附上國內鏡像API，猛戳這里

最后推薦兩個強大的自定義Behavior開源項目，都在Github上，實現的效果也非常酷炫，不過邏輯比較復雜：

CoordinatorLayoutSample

CoordinatorBehaviorExample

附上效果圖：

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容