如何实现Fragment锚定AppBarLayout的Android UI布局？

要让Fragment容器稳稳锚定在AppBarLayout的底部居中位置，光设置anchor-gravity还不够，得把布局结构和配套属性配置完整才行。下面是具体的实现步骤和代码示例：

1. 完整的CoordinatorLayout布局配置 #

首先你的根布局得同时包含AppBarLayout和Fragment容器，并且给Fragment容器指定锚定目标（也就是AppBarLayout），再配合锚定位置属性。完整布局代码如下：

<android.support.design.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">

    <!-- AppBarLayout 区域 -->
    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

    </android.support.design.widget.AppBarLayout>

    <!-- Fragment容器：锚定到AppBarLayout底部居中 -->
    <FrameLayout
        android:id="@+id/second_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|center"/>

</android.support.design.widget.CoordinatorLayout>

关键提醒：Fragment容器必须是CoordinatorLayout的直接子View，而且layout_anchor必须精准指向AppBarLayout的id，不然锚定效果根本不会生效。

2. Fragment内部布局的适配技巧 #

为了避免Fragment内容被AppBarLayout挡住，建议给Fragment的根布局做适配，两种方式任选：

方式一：静态设置内边距（适合固定高度的AppBar） #

如果你的AppBar高度是固定的（比如用系统默认的ActionBar高度），直接给Fragment根布局加顶部内边距就行：

<!-- Fragment的布局文件 -->
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="?attr/actionBarSize"
    android:orientation="vertical">

    <!-- 这里放你的Fragment内容 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="锚定在AppBar底部的Fragment内容"/>

</LinearLayout>

方式二：动态计算高度（适配可变高度的AppBar） #

如果AppBar高度会变化（比如有折叠展开效果），就在Fragment里动态计算高度并调整内容偏移：

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    AppBarLayout appBar = requireActivity().findViewById(R.id.app_bar);
    appBar.addOnOffsetChangedListener((appBarLayout, verticalOffset) -> {
        int appBarVisibleHeight = appBarLayout.getTotalScrollRange() + verticalOffset;
        // 获取Fragment的内容容器，设置顶部margin避开AppBar
        View contentView = view.findViewById(R.id.fragment_content);
        CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) contentView.getLayoutParams();
        params.topMargin = appBarVisibleHeight;
        contentView.setLayoutParams(params);
    });
}

3. 加载Fragment的代码示例 #

最后别忘了用正确的FragmentManager把Fragment加载到second_container里：

// 在Activity中执行加载操作
getSupportFragmentManager()
    .beginTransaction()
    .replace(R.id.second_container, YourFragment.newInstance())
    .commit();

这样一套操作下来，就能完美实现Fragment锚定AppBarLayout底部居中的UI效果啦。

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