CoordinatorLayout原理研究

一、CoordinatorLayout介绍

就像其名字一样,CoordinatorLayout作用在于协调子 View 之间的联动,在其出现之前,如要实现多 View 之间的联动,需持有所有 View 的引用,难免各种事件处理、计算且高度耦合,写法难度大。
CoordinatorLayout提供了一种清爽的方式,解决了 View 之间联动问题。
CoordinatorLayout的基本用法网上遍地都是,不再赘述。主要好奇于它的强大与丝滑,想弄明白原理,参考了部分博客,然后观摩一下源码,在此记录一下。

二、重中之重Behavior

抽象的来讲,就是协调者布局中子 view 应当遵守的行为(个人理解)。
源码中的注释:

A {@link Behavior} that the child view should obey.

乍一听可能懵逼,但明白其作用于原理之后,就能逐渐领悟这句话的意义。

1、首先Behavior作用

CoordinatorLayout(以下简写Co)中定义了两个概念 Child 与Dependency,child 就是Co 中的 子 View,Dependency就是被 child 依赖的 其他 子View,当Dependency发生某些行为(如拖动),就会通知 child 以便执行相应的改变。
而Behavior就提供了:

  • 依赖关系的确定
  • Dependency改变后的回调
    以经常使用的AppBarLayout 中的ScrollingViewBehavior为例:
        @Override
        public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
            // We depend on any AppBarLayouts
            return dependency instanceof AppBarLayout;
        }

        @Override
        public boolean onDependentViewChanged(CoordinatorLayout parent, View child,
                View dependency) {
            offsetChildAsNeeded(parent, child, dependency);
            return false;
        }

layoutDependsOn方法为依赖关系true 表示依赖,意思是声明此 behavior 的 view依赖 Co 的自view 中所有instanceof AppBarLayout的 view。
onDependentViewChanged方法就是dependency发生改变的回调,意思就是dependency也就是AppBarLayout发生改变时候执行offsetChildAsNeeded方法(此方法无外乎是一些 View 的移动啥的)。
至此Co通过 behavior 完成了一次协调作用。

(behavior的作用远不止此,且其在 Co 中权限很高,有机会在做进一步探讨)

2、Behavior原理

1.Behavior是个啥,怎么初始化的?
点开 Co 源码可发现Behavior是Co的一个抽象内部类

 public static abstract class Behavior<V extends View> {
  ...
 }

进一步搜索,发现 Behavior为 Co 的LayoutParams的成员变量

 public static class LayoutParams extends ViewGroup.MarginLayoutParams {
        /**
         * A {@link Behavior} that the child view should obey.
         */
        Behavior mBehavior;
        ...
        LayoutParams(Context context, AttributeSet attrs) {
           ...
            if (mBehaviorResolved) {
                mBehavior = parseBehavior(context, attrs, a.getString(
                        R.styleable.CoordinatorLayout_Layout_layout_behavior));
            }
           ...
}

并在LayoutParams中调用parseBehavior初始化。
(还有一种通过注解初始化,有兴趣可自行了解一下:getResolvedLayoutParams)

2.分析如何建立child 与dependency依赖关系
打开 Co 源码 command+F 搜索layoutDependsOn,顺藤摸瓜看都有何处调用:
发现在onChildViewsChanged与LayoutParams 中的方法dependsOn中调用

        /**
         * Check if an associated child view depends on another child view of the CoordinatorLayout.
         *
         * @param parent the parent CoordinatorLayout
         * @param child the child to check
         * @param dependency the proposed dependency to check
         * @return true if child depends on dependency
         */
        boolean dependsOn(CoordinatorLayout parent, View child, View dependency) {
            return dependency == mAnchorDirectChild
                    || shouldDodge(dependency, ViewCompat.getLayoutDirection(parent))
                    || (mBehavior != null && mBehavior.layoutDependsOn(parent, child, dependency));
        }

onChildViewsChanged先忽略,再搜dependsOn何时调用:

 private void prepareChildren() {
        mDependencySortedChildren.clear();
        mChildDag.clear();

        for (int i = 0, count = getChildCount(); i < count; i++) {
            final View view = getChildAt(i);

            final LayoutParams lp = getResolvedLayoutParams(view);
            lp.findAnchorView(this, view);

            mChildDag.addNode(view);

            // Now iterate again over the other children, adding any dependencies to the graph
            for (int j = 0; j < count; j++) {
                if (j == i) {
                    continue;
                }
                final View other = getChildAt(j);
                if (lp.dependsOn(this, view, other)) {
                    if (!mChildDag.contains(other)) {
                        // Make sure that the other node is added
                        mChildDag.addNode(other);
                    }
                    // Now add the dependency to the graph
                    mChildDag.addEdge(other, view);
                }
            }
        }

        // Finally add the sorted graph list to our list
        mDependencySortedChildren.addAll(mChildDag.getSortedList());
        // We also need to reverse the result since we want the start of the list to contain
        // Views which have no dependencies, then dependent views after that
        Collections.reverse(mDependencySortedChildren);
    }

prepareChildren中可以看出通过遍历Co 中所有的 View,把所有的依赖关系维护到mChildDag中。
mChildDag为DirectedAcyclicGraph类型可简单理解为可以保存对应关系的容器。

而prepareChildren在onMeasure第一行调用

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        prepareChildren();
        ...
    }

这下就了然了,概括的说 就是 Co 在 onMeasure的时候首先会通过 behavior 把所有的 child 与Dependency的依赖关系保存起来(保存到mChildDag中)。

3.如何回调onDependentViewChanged
老方法 command+F,发现最终在两处调用
onChildViewsChanged与dispatchDependentViewsChanged
后者为 public 提供给外部调用的方法,所以不用 care。

    final void onChildViewsChanged(@DispatchChangeEvent final int type) {
         ......
        for (int i = 0; i < childCount; i++) {
             ......
            // Update any behavior-dependent views for the change
            for (int j = i + 1; j < childCount; j++) {
                final View checkChild = mDependencySortedChildren.get(j);
                final LayoutParams checkLp = (LayoutParams) checkChild.getLayoutParams();
                final Behavior b = checkLp.getBehavior();

                if (b != null && b.layoutDependsOn(this, checkChild, child)) {
                    ......
                    switch (type) {
                        case EVENT_VIEW_REMOVED:
                            // EVENT_VIEW_REMOVED means that we need to dispatch
                            // onDependentViewRemoved() instead
                            b.onDependentViewRemoved(this, checkChild, child);
                            handled = true;
                            break;
                        default:
                            // Otherwise we dispatch onDependentViewChanged()
                            handled = b.onDependentViewChanged(this, checkChild, child);
                            break;
                    }

                    ......
                    }
                }
            }
        }

    ......      
    }

代码过长,部分省略,果然是用脚指头都能想到的循环遍历调用。
继续看onChildViewsChanged的调用:

    @Override
    public void onNestedScroll(...){
         ......  
        if (accepted) {
            onChildViewsChanged(EVENT_NESTED_SCROLL);
        }
    }

    @Override
    public void onNestedPreScroll(...){
         ......  
        if (accepted) {
            onChildViewsChanged(EVENT_NESTED_SCROLL);
        }
    }

   @Override
    public boolean onNestedFling(.....){
    ......
    }
 class OnPreDrawListener implements ViewTreeObserver.OnPreDrawListener {
        @Override
        public boolean onPreDraw() {
            onChildViewsChanged(EVENT_PRE_DRAW);
            return true;
        }
    }
       @Override
        public void onChildViewRemoved(View parent, View child) {
            onChildViewsChanged(EVENT_VIEW_REMOVED);
            if (mOnHierarchyChangeListener != null) {
                mOnHierarchyChangeListener.onChildViewRemoved(parent, child);
            }
        }

无非是当页面 滑动,view绘制之前,与 view removed的时候,回回调onDependentViewChanged。这也正好解释了 AppBarLayout 与ScrollingViewBehavior滑动联动的原理。

三、总结

粗略的探讨了CoordinatorLayout 通过 behavior 实现协调子 View 的基本原理。
通过自定义 behavior 可爽快的实现一些联动效果。
但 通过源码behavior在CoordinatorLayout中作用远不止此,且behavior权限很高,有机会再分析其他作用。

参考连接:
CoordinatorLayout的使用如此简单
一步一步深入理解CoordinatorLayout

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容