Android自定义CheckedButton如何继承原生Button的属性？

自定义CheckedButton继承自Button，但始终无法和原生Button保持一致的尺寸与颜色（二者在尺寸、背景色、文字颜色上存在明显差异）。需求仅为给按钮添加额外的选中状态（切换时修改背景色），同时保留原生按钮的所有其他状态样式，尝试过ToggleButton方案、setBackgroundColor()/setBackgroundTintList()、自定义style和drawable等多种方法，效果均不理想。

现有代码 #

自定义CheckedButton类 #

public class CheckedButton extends Button {
    private static final int[] STATE_CHECKED = { R.attr.state_checked };

    private boolean mChecked = false;
}

Activity布局XML #

<com.example.myapp.CheckedButton
    android:id="@+id/button_q"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="monospace"
    android:minWidth="0dp"
    android:minHeight="0dp"
    android:onClick="clickLetter"
    android:paddingLeft="10dp"
    android:paddingTop="10dp"
    android:paddingRight="10dp"
    android:paddingBottom="10dp"
    android:text="Q"
    style="@style/checked_button"
    app:layout_constraintEnd_toStartOf="@+id/button_w"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/button_w"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:backgroundTint="@color/purple_200"
    android:fontFamily="monospace"
    android:minWidth="0dp"
    android:minHeight="0dp"
    android:onClick="clickLetter"
    android:paddingLeft="10dp"
    android:paddingTop="10dp"
    android:paddingRight="10dp"
    android:paddingBottom="10dp"
    android:text="W"
    app:layout_constraintEnd_toStartOf="@+id/button_e"
    app:layout_constraintStart_toEndOf="@+id/button_q"
    app:layout_constraintTop_toTopOf="parent" />

styles.xml #

<resources>
    <style name="checked_button" parent="@style/Widget.MaterialComponents.Button">
    </style>
</resources>

解决方案 #

1. 完善自定义Button的状态实现 #

当前CheckedButton仅定义了状态数组，未实现状态合并与切换逻辑，系统无法识别自定义状态。补充完整代码：

public class CheckedButton extends Button {
    private static final int[] STATE_CHECKED = { R.attr.state_checked };
    private boolean mChecked = false;

    public CheckedButton(Context context) {
        super(context);
        init();
    }

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

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

    private void init() {
        setOnClickListener(v -> toggleChecked());
    }

    public void toggleChecked() {
        mChecked = !mChecked;
        refreshDrawableState();
    }

    public boolean isChecked() {
        return mChecked;
    }

    @Override
    protected int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
        if (mChecked) {
            mergeDrawableStates(drawableState, STATE_CHECKED);
        }
        return drawableState;
    }
}

2. 注册自定义状态属性 #

在res/values/attrs.xml中添加自定义状态属性，否则系统无法识别state_checked：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CheckedButton">
        <attr name="state_checked" format="boolean"/>
    </declare-styleable>
</resources>

3. 继承原生样式并添加选中状态配置 #

修改styles.xml，让自定义按钮继承原生Button的完整样式，同时指定状态 tint 列表：

<resources>
    <style name="checked_button" parent="@style/Widget.MaterialComponents.Button">
        <item name="backgroundTint">@drawable/checked_button_tint</item>
    </style>
</resources>

4. 创建状态 tint 列表（保留原生状态） #

在res/drawable下创建checked_button_tint.xml，仅修改选中状态的背景色，完全保留原生按钮的按下、禁用等状态样式：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item android:color="@color/purple_500" app:state_checked="true"/>
    <item android:color="?attr/colorPrimary"/>
</selector>

5. 统一布局样式 #

移除原生Button的android:backgroundTint="@color/purple_200"，让它使用默认样式，确保与自定义按钮外观一致：

<Button
    android:id="@+id/button_w"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="monospace"
    android:minWidth="0dp"
    android:minHeight="0dp"
    android:onClick="clickLetter"
    android:paddingLeft="10dp"
    android:paddingTop="10dp"
    android:paddingRight="10dp"
    android:paddingBottom="10dp"
    android:text="W"
    app:layout_constraintEnd_toStartOf="@+id/button_e"
    app:layout_constraintStart_toEndOf="@+id/button_q"
    app:layout_constraintTop_toTopOf="parent" />

无效原因说明 #

• 自定义Button未实现状态合并逻辑，系统无法感知state_checked状态
• 直接调用setBackgroundColor会覆盖原生状态背景，破坏默认样式
• 未注册自定义状态属性，导致样式中的state_checked规则无效

按上述步骤处理后，CheckedButton会完全继承原生Button的所有样式，仅在选中时切换背景色，其他状态与原生按钮保持一致。

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