使用FloatingActionButton无法创建圆形按钮，如何正确显示？

我来帮你排查下这个FAB不显示的问题，从你的代码和日常开发里遇到的坑点来看，可以按下面的步骤逐一排查：

1. 确认依赖库是否正确引入 #

FAB属于Material组件（旧版是Design Support库），首先得确保项目里已经添加了对应依赖：

• 如果用AndroidX（现在官方推荐的方案），在模块级build.gradle里添加：

implementation 'com.google.android.material:material:1.9.0' // 版本可以替换为最新稳定版

• 如果你还在使用旧的Support库，添加：

implementation 'com.android.support:design:28.0.0' // 版本要和你的compileSdk版本匹配

2. 检查布局根容器类型 #

FAB最好放在CoordinatorLayout里才能正常工作（比如配合Snackbar自动上移、实现悬浮效果），如果你的根布局是普通的RelativeLayout/LinearLayout，可能出现位置异常或不显示的情况。建议把根布局替换为CoordinatorLayout，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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">

    <!-- 这里放你的其他布局内容 -->

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_send_black_24dp"
        android:tint="@android:color/white"
        app:fabSize="mini"
        app:layout_gravity="bottom|end"
        android:layout_margin="16dp"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

3. 核对控件类名和命名空间 #

如果是AndroidX环境，控件类名应该是com.google.android.material.floatingactionbutton.FloatingActionButton，而不是旧的android.support.design.widget.FloatingActionButton。同时要确保布局里声明了xmlns:app="http://schemas.android.com/apk/res-auto"，否则app:fabSize这类自定义属性会失效。

4. 检查图标与着色配置 #

你的代码里用了黑色图标加白色着色，逻辑上没问题，但可以尝试把android:tint换成Material组件推荐的app:tint，避免兼容性问题：

app:tint="@android:color/white"

另外也要确认@drawable/ic_send_black_24dp这个图标确实存在于你的资源目录中。

5. 排查布局覆盖与边距问题 #

如果继续用RelativeLayout，你的位置属性是对的，但要确保没有其他控件遮挡住FAB，同时建议给FAB添加边距，避免完全贴边导致视觉上像没显示：

android:layout_marginBottom="16dp"
android:layout_marginEnd="16dp"

6. 检查App主题配置 #

FAB依赖Material主题的属性，确保你的App主题继承自Material相关主题：

• AndroidX环境：Theme.MaterialComponents.DayNight.NoActionBar或类似主题
• 旧Support库：Theme.AppCompat.Light.DarkActionBar

按上面的步骤逐一排查，应该就能解决FAB无法正确显示的问题了！

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