Android如何将悬浮操作按钮（FAB）修改为三圆角方形？

嘿，这个问题我熟！咱们一步步来解决你这个自定义圆角FAB的需求～其实不用急着扩展类，Material Components库本身就提供了简单的方式来定制FAB形状，当然如果需要更复杂的逻辑，扩展类也是完全可行的，我都给你讲清楚：

方法一：用shapeAppearanceOverlay快速定制（推荐） #

这个方法能保留FAB原生的阴影、波纹效果等特性，是最省心的方案：

1. 定义形状样式
   在res/values/styles.xml里添加一个自定义的形状样式，指定三个圆角的大小：

<style name="ThreeRoundedFabShape" parent="Widget.MaterialComponents.Shapes.SmallComponent">
    <item name="cornerFamily">rounded</item>
    <!-- 设置三个圆角为16dp，右下角为0dp（直角），你可以按需调整数值 -->
    <item name="cornerSizeTopLeft">16dp</item>
    <item name="cornerSizeTopRight">16dp</item>
    <item name="cornerSizeBottomLeft">16dp</item>
    <item name="cornerSizeBottomRight">0dp</item>
</style>

2. 在布局中应用样式
   直接给你的FAB加上app:shapeAppearanceOverlay属性即可：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/custom_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/your_fab_icon"
    app:shapeAppearanceOverlay="@style/ThreeRoundedFabShape"
    app:backgroundTint="@color/your_fab_color" />

这样就能得到你想要的三个圆角方形FAB了，完全不用改图标或者自定义类～

方法二：用现成的Shape Drawable作为背景 #

如果你已经做好了自定义的shape XML文件（比如res/drawable/fab_three_rounded.xml），可以直接把它设为FAB的背景：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/custom_fab"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:src="@drawable/your_fab_icon"
    android:background="@drawable/fab_three_rounded"
    app:elevation="4dp" <!-- 手动设置阴影，因为默认背景会被替换 -->
    app:rippleColor="@color/fab_ripple_color" />

⚠️ 注意：这种方法会替换FAB的默认背景，所以需要手动设置阴影和波纹颜色，不如第一种方法省心。

方法三：扩展FloatingActionButton类（适合复杂定制） #

如果你的需求不止是改形状，还需要动态调整样式、添加自定义交互逻辑，那扩展类是完全可行的：

1. 创建自定义FAB类

import android.content.Context;
import android.util.AttributeSet;
import com.google.android.material.floatingactionbutton.FloatingActionButton;

public class ThreeRoundedFAB extends FloatingActionButton {
    public ThreeRoundedFAB(Context context) {
        super(context);
        init();
    }

    public ThreeRoundedFAB(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public ThreeRoundedFAB(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 方式1：直接加载你做好的shape drawable
        setBackgroundResource(R.drawable.fab_three_rounded);
        
        // 方式2：动态创建ShapeDrawable（不用XML文件）
        /*
        ShapeDrawable shapeDrawable = new ShapeDrawable(new RectShape());
        shapeDrawable.getPaint().setColor(getContext().getResources().getColor(R.color.your_fab_color));
        // 按顺序：左上、右上、左下、右下的圆角半径（每两个值对应一个角的x/y半径）
        float[] radii = {16,16, 16,16, 16,16, 0,0};
        shapeDrawable.setShape(new RoundRectShape(radii, null, null));
        setBackground(shapeDrawable);
        */
        
        // 手动设置阴影和波纹
        setElevation(4f);
        setRippleColor(getContext().getResources().getColor(R.color.fab_ripple_color));
    }
}

2. 在布局中使用自定义类

<com.your.app.package.ThreeRoundedFAB
    android:id="@+id/custom_fab"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:src="@drawable/your_fab_icon" />

总结 #

• 只是改形状的话，优先用方法一，简单高效还保留原生特性；
• 已经有现成shape文件可以用方法二；
• 需要复杂逻辑再考虑扩展类，完全可行且灵活。

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