如何正确配置Material Design的Extended Floating Action Button（FAB）？

嘿，我来帮你搞定这个Extended FAB的问题！你现在踩的坑其实很多人都遇到过——不仅容易把Extended FAB和Speed Dial搞混，还误用了普通的FloatingActionButton组件，这就是按钮没显示文本的核心原因。

先明确两个容易混淆的概念：

• Extended FAB：Material Design定义的带固定文本的宽尺寸FAB，是单一的按钮组件
• Speed Dial：点击主FAB后弹出多个次级FAB的交互组件，和Extended FAB完全不是一回事

你的问题所在 #

你当前使用的是普通的FloatingActionButton，这个组件本身不支持直接显示文本，所以你设置的android:text属性根本不会生效。要实现带文本的扩展尺寸FAB，必须用专门的ExtendedFloatingActionButton组件。

正确的实现代码（Constraint Layout下） #

替换你现有的代码，用下面的示例：

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
    android:id="@+id/maps_main_distance_btn"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:text="@string/str_distance_btn"
    app:elevation="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    <!-- 可选：添加图标并调整间距 -->
    app:icon="@drawable/ic_your_distance_icon"
    app:iconPadding="8dp"
    <!-- 可选：调整文本样式 -->
    android:textColor="@color/white"
    android:textSize="16sp"/>

关键注意事项 #

• 必须使用com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton，而非普通的FloatingActionButton
• 宽度设为0dp（配合Constraint的Start/End约束）或者match_parent，就能实现“扩展尺寸”的效果，撑满父布局宽度
• 支持直接设置android:text属性显示文本，还可以通过app:icon添加左侧图标，用app:iconPadding控制图标和文本的间距
• 样式调整：可以像普通TextView一样设置文本颜色、大小等属性，也可以通过主题自定义Extended FAB的背景色等样式

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