Android CoordinatorLayout布局定位解析及代码中文翻译处理

首先先把你提供的布局代码里的非技术文本翻译成中文，代码结构和技术术语都保留原样：

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 这是会在Toolbar下方滚动的主内容区域 -->
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <!-- 用于演示滚动行为的示例文本 -->
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="这里是长文本内容，用于演示滚动效果...（省略大量文本）"/>

        </LinearLayout>
    </androidx.core.widget.NestedScrollView>

    <!-- 向下滚动时会折叠的Toolbar -->
    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <!-- 折叠Toolbar的背景图片 -->
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/header_bg"/>

            <androidx.appcompat.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"/>

        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

接下来针对你的疑问，详细拆解CoordinatorLayout的定位机制：

一、CoordinatorLayout的核心定位逻辑：行为驱动的协调交互 #

CoordinatorLayout本质是个增强版FrameLayout，但它和普通布局最大的区别是不只是做静态位置摆放，而是专注于协调子View之间的动态交互。它的核心运作逻辑围绕「Behavior（行为）」展开：

1. 子View交互的触发流程 #

拿你布局里的滚动折叠效果举例：

• 当NestedScrollView滚动时，它绑定的AppBarLayout.ScrollingViewBehavior会先捕获到滚动事件
• 这个Behavior会通过CoordinatorLayout的内部机制，把滚动的偏移量传递给AppBarLayout
• AppBarLayout根据自身设置的layout_scrollFlags（这里是scroll|exitUntilCollapsed）计算折叠进度，调整内部CollapsingToolbarLayout的高度
• 最后CollapsingToolbarLayout根据子View的layout_collapseMode（比如Toolbar的pin模式），控制Toolbar固定在顶部，同时让背景图跟着折叠

简单说，就是一个子View的事件，通过Behavior传递给另一个子View，触发对应的位置/状态变化，这就是它的「定位交互」核心。

2. 静态定位的 fallback #

如果某个子View没有设置layout_behavior，那CoordinatorLayout就会退化成普通FrameLayout，按照子View的添加顺序层叠摆放，后加的View覆盖前面的。

二、你的具体疑问解答 #

1. CoordinatorLayout如何实现子View的交互定位？ #

核心就是刚才说的Behavior机制。它不像LinearLayout/RelativeLayout那样靠layout_alignParentTop这类属性做静态定位，而是通过Behavior建立子View之间的依赖关系，当触发事件（比如滚动）时，由Behavior来动态调整依赖View的位置、尺寸或状态。

在你的布局里，ScrollingViewBehavior就是连接NestedScrollView和AppBarLayout的纽带——它监听滚动，然后告诉AppBarLayout该怎么折叠，从而实现了滚动时的联动定位。

2. layout_behavior的核心角色是什么？ #

这个属性是CoordinatorLayout的「交互入口」：

• 它告诉CoordinatorLayout：“这个子View的行为和交互，交给指定的Behavior类来管”
• Behavior类可以重写一系列方法，比如onStartNestedScroll（监听滚动开始）、layoutDependsOn（判断是否依赖某个View）、onDependentViewChanged（依赖View变化时调整当前View）等，来实现各种自定义交互
• 系统已经内置了很多实用的Behavior，比如FloatingActionButton.Behavior（滚动时隐藏/显示FAB）、AppBarLayout.ScrollingViewBehavior（就是你用的这个）

3. 怎么自定义View的交互Behavior？ #

自定义Behavior其实不难，跟着这几步走就行：

1. 创建一个类，继承自CoordinatorLayout.Behavior<T>，T是你要绑定的View类型（比如View、FloatingActionButton）
2. 重写必要的方法：
   • layoutDependsOn：返回true，表示当前View依赖某个特定的View（比如依赖AppBarLayout）
   • onDependentViewChanged：当依赖的View发生变化（比如AppBarLayout折叠）时，调整当前View的位置或状态
   • 如果是滚动相关的交互，重写onStartNestedScroll和onNestedScroll来捕获滚动事件
3. 在布局里给目标View设置app:layout_behavior="你的Behavior类的全路径"，或者在代码里动态设置

举个简单的例子，让一个View跟着AppBarLayout的折叠而移动：

public class FollowAppBarBehavior extends CoordinatorLayout.Behavior<View> {
    // 必须要有这个构造方法，不然布局里引用会报错
    public FollowAppBarBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
        // 声明当前View依赖AppBarLayout
        return dependency instanceof AppBarLayout;
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
        // 获取AppBarLayout的折叠偏移量
        int scrollOffset = ((AppBarLayout) dependency).getTotalScrollRange() - dependency.getBottom();
        // 让当前View跟着偏移量移动
        child.setTranslationY(scrollOffset);
        return true;
    }
}

然后在布局里引用：

<View
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@color/red"
    app:layout_behavior="com.your.package.FollowAppBarBehavior"/>

这样这个红色View就会跟着AppBarLayout的折叠一起向上移动啦～

内容的提问来源于stack exchange，提问作者Mohammad Haidar