Floating Action Button图标偏移至右下角而非居中问题求助

嘿，我之前更新Android Studio后也碰到过一模一样的问题！这种FAB图标偏移的情况，大概率是新版依赖库的默认行为变了，或者你的矢量图标尺寸/布局没适配好。给你几个亲测有效的解决办法：

方法一：清除FAB的默认内边距 #

旧版android.support.design.widget.FloatingActionButton在AS更新后，可能默认的内容内边距（content inset）被调整了，导致图标被挤到角落。你只需要给FAB加上几个内边距属性，强制把内边距设为0：

<android.support.design.widget.FloatingActionButton
    android:id="@+id/expandButton"
    android:layout_width="44dp"
    android:layout_height="44dp"
    android:layout_alignParentEnd="true"
    android:layout_below="@id/imageFrame"
    android:layout_marginBottom="-22dp"
    android:layout_marginEnd="@dimen/item_margin"
    android:layout_marginTop="-22dp"
    android:background="@color/orange"
    app:backgroundTint="@color/orange"
    app:borderWidth="0dp"
    app:srcCompat="@drawable/ic_expand"
    <!-- 新增这四个属性，清除默认内边距 -->
    app:contentInsetLeft="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetTop="0dp"
    app:contentInsetBottom="0dp" />

方法二：调整矢量图标的尺寸和路径 #

你的矢量图标是512dp×512dp的超大尺寸，虽然系统会自动缩放，但如果路径本身在矢量图里没有居中，缩放后就容易偏移。建议改用Material Design标准的24dp图标尺寸，同时确保路径居中：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="@color/white"
        android:pathData="M19 12l-7 7-7-7z" />
</vector>

这个路径是和你原图标形状一致的箭头，尺寸适配FAB后会自动居中。

方法三：迁移到Material Components FAB（推荐） #

毕竟android.support库已经停止维护了，更新AS后更推荐使用官方的Material Components库的FAB，它专门提供了控制图标位置的属性，直接设置就能居中：
首先确保你的项目依赖了Material Components库，然后修改布局：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/expandButton"
    android:layout_width="44dp"
    android:layout_height="44dp"
    android:layout_alignParentEnd="true"
    android:layout_below="@id/imageFrame"
    android:layout_marginBottom="-22dp"
    android:layout_marginEnd="@dimen/item_margin"
    android:layout_marginTop="-22dp"
    app:backgroundTint="@color/orange"
    app:borderWidth="0dp"
    app:srcCompat="@drawable/ic_expand"
    <!-- 强制图标居中 -->
    app:iconGravity="center" />

这三个方法随便选一个应该都能解决你的问题，我当时用方法一就快速搞定了，你可以先试试~

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