求助：用Button替代锚定AppBarLayout的FloatingActionButton后按钮被遮挡

我之前也踩过这个坑！普通Button和FloatingActionButton在锚定AppBarLayout时的表现差异，根源在于FAB自带了专门的Behavior来处理和AppBarLayout的交互，而普通Button默认没有这个“待遇”，所以才会出现被遮挡的情况。你试过的elevation和bringToFront()其实解决不了位置计算的核心问题，得从CoordinatorLayout的Behavior入手才行。

下面给你几个可行的解决方案，按推荐程度排序：

方案一：复用FloatingActionButton的Behavior（最简单高效） #

FAB之所以能正常工作，是因为它默认使用了FloatingActionButton.Behavior，这个Behavior会自动处理锚定后的位置调整，避免被AppBarLayout遮挡。我们可以直接把这个Behavior套给普通Button：

在你的Button布局代码中，添加app:layout_behavior属性：

<Button
    android:id="@+id/your_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="你的按钮文本"
    app:layout_anchor="@id/your_appbar_layout"
    app:layout_anchorGravity="bottom|end" <!-- 根据你的需求调整锚定位置 -->
    app:layout_behavior="com.google.android.material.floatingactionbutton.FloatingActionButton$Behavior" />

这样设置后，Button就能像FAB一样自动适配AppBarLayout的位置，不会再被遮挡了。

方案二：自定义Behavior（适配特殊需求） #

如果方案一的效果不符合你的预期，你可以自定义一个Behavior，手动控制Button的位置逻辑：

1. 编写自定义Behavior类 #

public class ButtonAnchorBehavior extends CoordinatorLayout.Behavior<Button> {

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

    // 声明该Behavior依赖于AppBarLayout
    @Override
    public boolean layoutDependsOn(@NonNull CoordinatorLayout parent, @NonNull Button child, @NonNull View dependency) {
        return dependency instanceof AppBarLayout;
    }

    // 当AppBarLayout位置变化时，调整Button的位置
    @Override
    public boolean onDependentViewChanged(@NonNull CoordinatorLayout parent, @NonNull Button child, @NonNull View dependency) {
        AppBarLayout appBar = (AppBarLayout) dependency;
        // 根据AppBarLayout的滚动偏移量，调整Button的Y轴位置
        int scrollOffset = appBar.getTotalScrollRange() - appBar.getTop();
        child.setTranslationY(-scrollOffset);
        return true;
    }
}

2. 在布局中引用自定义Behavior #

<Button
    android:id="@+id/your_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="你的按钮文本"
    app:layout_anchor="@id/your_appbar_layout"
    app:layout_anchorGravity="bottom|end"
    app:layout_behavior="com.your.package.name.ButtonAnchorBehavior" />

方案三：临时布局调整（应急用） #

如果不想折腾Behavior，也可以用布局嵌套的方式临时解决，但这种方法不够灵活，当AppBarLayout折叠/展开时可能出现适配问题：

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_anchor="@id/your_appbar_layout"
    app:layout_anchorGravity="bottom|end"
    android:layout_marginTop="16dp"> <!-- 根据遮挡程度调整margin -->

    <Button
        android:id="@+id/your_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的按钮文本" />
</FrameLayout>

优先推荐方案一，它利用了Material组件已经实现的成熟逻辑，最省心也最可靠。

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