ConstraintLayout中mini FAB无法居中对齐普通FAB上方如何解决

使用ConstraintLayout布局尝试将mini尺寸FAB（浮动操作按钮）居中放置在普通尺寸FAB上方时，按钮始终向一侧偏移，无法实现居中效果。
原有布局代码如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:animateLayoutChanges="true"
    tools:context=".MainActivity">


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_task"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="24dp"
        app:backgroundTint="@color/fab_event"
        app:fabSize="mini"
        app:layout_constraintBottom_toTopOf="@+id/fab_plus"
        app:layout_constraintEnd_toEndOf="@+id/fab_plus"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="@+id/fab_plus"
        app:srcCompat="@drawable/ic_baseline_task_alt_24"
        app:tint="@color/white" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_plus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@drawable/ic_baseline_add_24" />

</androidx.constraintlayout.widget.ConstraintLayout>

实际运行时可以观察到两个按钮的布局选择框未居中对齐，可视按钮部分存在明显偏移。

偏移问题由两个因素共同导致：

• android:layout_gravity属性仅在FrameLayout、LinearLayout等传统布局中生效，在ConstraintLayout中属于无效属性，残留该属性可能干扰约束布局的正常计算。
• Material组件的FAB默认会为阴影效果自动添加额外的内置占位边距，普通尺寸FAB和mini尺寸FAB的默认内置边距大小不一致。原有约束是对齐两个控件包含阴影占位的整体布局边界，而非可视的圆形按钮区域，因此会出现视觉上的居中偏差。

按照以下步骤调整布局即可实现居中对齐：

• 删除两个FAB上冗余的android:layout_gravity属性，避免干扰约束计算。
• 给两个FAB统一添加app:borderWidth="0dp"和app:useCompatPadding="true"属性，统一两个FAB的阴影占位逻辑，消除不同尺寸的内置边距差。
• 保持mini FAB的水平约束：start、end边均约束到普通FAB的对应边，水平bias保持0.5即可，垂直方向约束bottom到普通FAB的top，按需调整垂直间距。

修复后的完整布局代码如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:animateLayoutChanges="true"
    tools:context=".MainActivity">


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_task"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="24dp"
        app:backgroundTint="@color/fab_event"
        app:fabSize="mini"
        app:borderWidth="0dp"
        app:useCompatPadding="true"
        app:layout_constraintBottom_toTopOf="@id/fab_plus"
        app:layout_constraintEnd_toEndOf="@id/fab_plus"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="@id/fab_plus"
        app:srcCompat="@drawable/ic_baseline_task_alt_24"
        app:tint="@color/white" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_plus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="16dp"
        app:borderWidth="0dp"
        app:useCompatPadding="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@drawable/ic_baseline_add_24" />

</androidx.constraintlayout.widget.ConstraintLayout>

调整后两个FAB的可视圆形区域会严格居中对齐，不会再出现偏移问题。

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