Android MaterialDesign系列之CoordinatorLayout&自定义Behavior

简介

         MD中很重要的一个布局就是CoordinatorLayout而该布局有一个不得不提的核心中间层成员就是Behavior和NestScrolling，像我们开发中常用的FloatingActionBar与SnackBar之间的显示关系，AppBarLayout和RecyclerView或者说NestedSCrollView实现的滑动叠层效果都或多或少的涉及到核心的Behavior知识。故而说，有必要对Behavior有一个总体上的认识，知道它能干什么，了解其功能性，之后再去深入理解其核心。主要是列举了现在网上一些好的资源,通过研读人家的文章能有一个比较清晰的认知，后面一段时间也主要会把这些文章给啃下来，相信自己。

概念

Behavior(CoordinatorLayout.Behavior/FloatingActionBar.Behavior)
桥梁 监听者,包裹在里面的所有子控件或者容器会产生联动的效果

* Behavior使用情况包括两者:
 1. 某个View需要监听另外一个View的状态(比如:位置,大小,显示状态) 需要重写layoutDependsOn/onDependentViewChanged
 2. 某个View需要监听CoordinatorLayout里面所有控件的滑动状态。  需要重写方法: onStartNestedScroll,onNestedScroll 或者 onNestedPreScroll

* 注意：能被CoordinatorLayout捕获的View有RecyclerView,NestedScrollView,ViewPager

提及下ScrollFlags:
<!--
scrollFlags:
      scroll: 里面所有的子控件想要滑出屏幕的时候View都必须设置这个flag
              没有设置flag的View将被固定在屏幕顶部
      enterAlways: 快速返回
      enterAlwaysCollapsed:当你的视图设置了minHeight属性的时候,那么视图只能以最小高度显示,只有当滚动视图达到顶部时才能扩大到完成高度
      exitUntilCollapsed: 滚动退出屏幕,最后折叠在顶端
-->

fling：快速移动

案例

效果描述：实现点击绿色的控件，该控件下移，并且依赖该控件的红色View也跟随移动并旋转。

运行效果：

具体代码：

behavior展示：

public class CustomBehavior extends CoordinatorLayout.Behavior<View>{

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

    /**
     * 用来决定需要监听哪些控件或者容器的状态（1.知道监听谁 2.什么状态改变）
     * @param parent 父容器
     * @param child  子控件 需要监听dependency这个view的视图们 ——————观察者
     * @param dependency 你要监听的那个view
     * @return true依赖  否则不依赖
     */
    @Override
    public boolean layoutDependsOn(@NonNull CoordinatorLayout parent, @NonNull View child, @NonNull View dependency) {
        // 还可以根据ID 或者TAG来改变
        return dependency instanceof TextView || super.layoutDependsOn(parent, child, dependency);

    }
    
    /**
     * 当被监听的view发生改变的时候回调,做一些响应的联动动画效果
     * 可以在此方法里面做一些响应的联动动画等效果
     * @param parent
     * @param child
     * @param dependency
     * @return
     */
    @Override
    public boolean onDependentViewChanged(@NonNull CoordinatorLayout parent, @NonNull View child, @NonNull View dependency) {
        // 获取被监听的view的状态 ———————— 垂直方向位置
        // 明确getTop获得的是 View顶部相对于父容器的高度
        int offset = dependency.getTop() - child.getTop();
        // 设置偏移 ——————————
        ViewCompat.offsetTopAndBottom(child,offset);
        child.animate().rotation(child.getTop()*20);
        return true;
    }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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">
    <TextView
        android:layout_marginLeft="30dp"
        android:id="@+id/tvOn"
        android:background="#0f0"
        android:gravity="center"
        android:layout_gravity="left|top"
        android:text="被观察——dependent"
        android:layout_width="100dp"
        android:layout_height="100dp" />
    <!--app:layout_behavior = "全路径名"-->
    <TextView
        android:layout_marginRight="30dp"
        android:background="#f00"
        android:gravity="center"
        android:text="观察者"
        android:id="@+id/look"
        app:layout_behavior="com.example.apple.scrolldemo.behavior.CustomBehavior"
        android:layout_gravity="right|top"
        android:layout_width="100dp"
        android:layout_height="100dp" />
</android.support.design.widget.CoordinatorLayout>

activity中初始化及使用

mTvDependentOn = findViewById(R.id.tvOn);
mTvDependentOn.setOnClickListener(new View.OnClickListener() {
   @Override
    public void onClick(View v) {
    // 设置父亲容器顶部的偏移
    mTvDependentOn.offsetTopAndBottom(30);
    }
});

 

值得好好参考学习的文章：

Android CoordinatorLayout之自定义Behavior

下面这篇文章不仅包含了behavior同时也讲解了NestScrolling原理值得好好研究读取

自定义Behavior的艺术探索-仿UC浏览器主页

CoordinatorLayout使用（二）：Behavior流程 和 事件流

CoordinatorLayout与Behavior的一己之见

自定义 Behavior - 仿新浪微博发现页的实现

自定义 behavior

Material Design 之 Behavior的使用和自定义Behavior

CoordinatorLayout——自定义Behavior