如何添加FloatingActionButton并自定义其上的文本内容？

嘿，这两个关于FloatingActionButton的问题我熟得很，给你一步步讲清楚：

1. 如何添加FloatingActionButton？ #

目前Android开发中，我们一般使用Material Design库提供的FloatingActionButton组件，步骤如下：

第一步：确保依赖Material Design库 #

在你的项目模块的build.gradle（或者build.gradle.kts）文件中，添加Material Design的依赖（版本可以根据你的项目需求调整）：

implementation 'com.google.android.material:material:1.9.0'

第二步：添加FAB到布局（两种方式） #

方式一：XML布局静态添加

直接在你的布局文件（比如activity_main.xml）中添加组件：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end" <!-- 控制FAB的位置，右下角是常见选择 -->
    android:layout_margin="16dp" <!-- 给FAB留边距，避免贴屏幕 -->
    app:srcCompat="@drawable/ic_add" /> <!-- 设置FAB显示的图标 -->

方式二：代码动态添加

如果需要在运行时动态创建FAB，可以在Activity或Fragment中这样写（以Kotlin为例）：

val fab = FloatingActionButton(this).apply {
    id = View.generateViewId()
    setImageResource(R.drawable.ic_add)
    // 设置布局参数，控制位置和边距
    layoutParams = CoordinatorLayout.LayoutParams(
        ViewGroup.LayoutParams.WRAP_CONTENT,
        ViewGroup.LayoutParams.WRAP_CONTENT
    ).apply {
        gravity = Gravity.BOTTOM or Gravity.END
        marginEnd = resources.getDimensionPixelSize(R.dimen.fab_margin)
        bottomMargin = resources.getDimensionPixelSize(R.dimen.fab_margin)
    }
}
// 将FAB添加到根布局（这里假设根布局是CoordinatorLayout）
val rootLayout = findViewById<CoordinatorLayout>(R.id.root_layout)
rootLayout.addView(fab)

2. 如何指定FloatingActionButton上的文本内容？ #

默认FAB是用来显示图标的，但如果需要显示文本，有两种常用方案，根据你的需求选：

方案一：给普通FAB设置文本 #

普通FAB也能显示文本，但需要调整内边距和大小避免文本被裁剪，示例XML如下：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab_with_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|start"
    android:layout_margin="16dp"
    android:text="+" <!-- 这里设置你需要的文本 -->
    android:textColor="@android:color/white"
    android:textSize="24sp"
    app:fabCustomSize="56dp" <!-- 调整FAB的大小，适配文本 -->
    app:contentInsetLeft="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetTop="0dp"
    app:contentInsetBottom="0dp" /> <!-- 去掉默认内边距，让文本居中显示 -->

如果要在代码中动态修改文本：

val fabWithText = findViewById<FloatingActionButton>(R.id.fab_with_text)
fabWithText.text = "新的文本内容"

方案二：使用ExtendedFloatingActionButton（推荐） #

官方提供的ExtendedFloatingActionButton是专门为"图标+文本"的场景设计的，用起来更省心，不需要手动调整内边距：

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
    android:id="@+id/extended_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|center"
    android:layout_margin="16dp"
    android:text="添加项目" <!-- 这里设置你需要的文本 -->
    app:icon="@drawable/ic_add" <!-- 搭配图标使用，也可以只留文本 -->
    app:iconPadding="8dp" /> <!-- 图标和文本之间的间距 -->

代码中修改文本的方式：

val extendedFab = findViewById<ExtendedFloatingActionButton>(R.id.extended_fab)
extendedFab.text = "新建任务"

内容的提问来源于stack exchange，提问作者what the doubt