Android：浮动按钮图标不居中

Question

我正在尝试在我的应用程序中创建一个浮动按钮。按钮在那里，但按钮中的图像有点向上（见图）。

我不知道它有什么问题。下面是浮动按钮的 XML 的一部分。

 <android.support.design.widget.FloatingActionButton
        android:id="@+id/buttonUp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="16dp"
        android:layout_marginTop="480dp"
        android:clickable="true"
        android:scaleType="center"
        android:src="@drawable/btn_back_to_top_3x"
        app:layout_anchor="@id/layout"
        app:layout_anchorGravity="bottom|right|end"
        app:backgroundTint="@android:color/background_light"
        app:fabSize="normal" />

该按钮显示我想要的位置。唯一的问题似乎是里面的图像不是中心的。为什么会这样？

编辑：环顾四周后，我意识到图像本身存在问题，图像实际上没有居中并且底部有空间（这导致图像被向上推）。

原文由 rabbit87 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

原因是你的图片尺寸不对！！

浮动操作按钮的默认圆圈大小为 56 x 56dp ，为了获得最适合的背景图像！！

如果你想要一个迷你的应该是：40 x 40dp

如果您只想更改内部图标（仅图标），请使用 24 x 24dp 图标作为默认大小

为了再次测试这一点，我从互联网上下载了一张图片并将其缩小到 56dp 并保留了一个小空间来平衡它（我对 Photoshop 不擅长）

并将其添加到您的 FB 视图中，并将背景设为黄色以使其清晰。让我们看看

输出：

这意味着它取决于您添加的图像及其大小，如果您想获得完整背景，您甚至可以使用 imageButton

参考： https ://material.io/guidelines/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button

原文由 Charuක 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我遇到了同样的问题。以下解决方案对我有用

app:fabCustomSize="40dp"

原文由 Mehatab 发布，翻译遵循 CC BY-SA 4.0 许可协议