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:

fling:快速移动

案例

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

运行效果:

Android MaterialDesign系列之CoordinatorLayout&自定义Behavior_第1张图片

具体代码:

behavior展示:

public class CustomBehavior extends CoordinatorLayout.Behavior{

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

布局文件



    
    
    

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

你可能感兴趣的:(MD-滑动-动画)