Android开发：如何创建可通过代码动态改色的圆形控件与按钮

我来帮你解决这个问题！你遇到的核心问题是FloatingActionButton的背景并非普通纯色背景，直接调用setBackgroundColor()不会覆盖它默认的涟漪+圆形背景结构；另外关于不用Shape Drawable创建圆形控件的需求，我给你两种实用方案：

方案一：自定义圆形按钮（完全无需Shape文件） #

直接自定义一个View，通过Canvas绘制圆形，这样可以完全控制颜色和形状，不需要依赖任何xml Drawable文件。

自定义CircleButton代码 #

public class CircleButton extends View {
    private Paint mPaint;
    private int mCircleColor = Color.DKGRAY; // 默认灰色

    public CircleButton(Context context) {
        super(context);
        initPaint();
    }

    public CircleButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        initPaint();
    }

    public CircleButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }

    private void initPaint() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true); // 抗锯齿
        mPaint.setStyle(Paint.Style.FILL); // 填充模式
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 以控件中心为圆心，取宽高中较小值的一半作为半径
        int centerX = getWidth() / 2;
        int centerY = getHeight() / 2;
        int radius = Math.min(getWidth(), getHeight()) / 2;
        
        mPaint.setColor(mCircleColor);
        canvas.drawCircle(centerX, centerY, radius, mPaint);
    }

    // 对外暴露设置颜色的方法
    public void setCircleColor(int color) {
        mCircleColor = color;
        invalidate(); // 通知控件重绘，更新颜色
    }
}

使用方式 #

1. 在布局xml中引用这个自定义View：

<com.yourpackage.CircleButton
    android:id="@+id/circle_btn"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:clickable="true"/>

2. 在你的Palette回调中调用setCircleColor()动态改色：

private void setViewSwatch(CircleButton btn, Palette.Swatch swatch) {
    if (swatch != null) {
        btn.setCircleColor(swatch.getRgb());
    }
}

方案二：修复FloatingActionButton的颜色设置问题 #

如果你不想替换成自定义View，只想让现有的FAB能动态改色，只要修改设置颜色的方式即可——因为FAB的背景是RippleDrawable，直接用setBackgroundColor()不会生效，需要修改它的背景色调：

修改你的setViewSwatch方法 #

private void setViewSwatch(FloatingActionButton fab, Palette.Swatch vibrantSwatch, String vibrant) {
    if (vibrantSwatch != null) {
        // 方法1：官方推荐的方式，设置背景色调列表（最简单）
        fab.setBackgroundTintList(ColorStateList.valueOf(vibrantSwatch.getRgb()));

        // 方法2：直接修改FAB背景内部的ShapeDrawable颜色（更底层）
        /*
        Drawable background = fab.getBackground();
        if (background instanceof RippleDrawable) {
            RippleDrawable rippleDrawable = (RippleDrawable) background;
            // 获取FAB的圆形背景层
            Drawable circleDrawable = rippleDrawable.getDrawable(0);
            if (circleDrawable instanceof ShapeDrawable) {
                ((ShapeDrawable) circleDrawable).getPaint().setColor(vibrantSwatch.getRgb());
                fab.invalidate();
            }
        }
        */
    }
}

这样修改后，你的FAB就能根据Palette提取的颜色动态改变圆形背景色了，完全不需要依赖外部的Shape Drawable文件。

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