Android: 如何更改自定义复选框的默认颜色？

Question

我正在设置自定义复选框，但我似乎找不到更改其 default/system 颜色的方法。

这是我的复选框的代码：

<CheckBox
            android:id="@+id/item_checkbox"
            android:layout_width="30dp"
            android:layout_height="86dp"
            android:layout_marginStart="8dp"
            android:button="@drawable/custom_checkbox"
            android:checked="true"
            app:backgroundTint="@null"
            app:buttonTint="@null"
            android:scaleX="0.6"
            android:scaleY="0.6"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

这是custom_checkbox.xml

的代码

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true"
        android:drawable="@drawable/checked" />
    <item android:state_pressed="true"
        android:drawable="@drawable/checked" />
    <item android:state_pressed="false"
        android:drawable="@drawable/unchecked" />
</selector>

这是 checked.xml 的代码：

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <layer-list>
            <item>
                <shape android:shape="oval">
                    <corners android:radius="1dp" />
                    <stroke
                        android:width="1dp"
                        android:color="#777" />
                    <gradient
                        android:startColor="#990000"
                        android:centerColor="#990000"
                        android:endColor="#990000"
                        android:angle="270" />
                    <size
                        android:width="30dp"
                        android:height="30dp" />
                </shape>
            </item>

            <item
                android:width="8dp"
                android:height="2dp"
                android:top="20dp"
                android:left="6dp">
                <rotate
                    android:fromDegrees="45">
                    <shape android:shape="rectangle">
                        <solid android:color="#fff"/>
                    </shape>
                </rotate>
            </item>

            <item
                android:width="19dp"
                android:height="2dp"
                android:top="16dp"
                android:left="9dp">
                <rotate
                    android:fromDegrees="-45">
                    <shape android:shape="rectangle">
                        <solid android:color="#fff"/>
                    </shape>
                </rotate>
            </item>
        </layer-list>
    </item>

</selector>

最后，这是 unchecked.xml:

的代码

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <corners android:radius="1dp" />
    <stroke
        android:width="1dp"
        android:color="#777" />
    <gradient
        android:startColor="#990000"
        android:centerColor="#990000"
        android:endColor="#990000"
        android:angle="270" />
    <size
        android:width="30dp"
        android:height="30dp" />
</shape>

但是我没有使用自定义的红色，而是使用默认颜色显示它们，如下所示（尽管形状似乎正确显示为圆形）：

已检查：

未选中：

有什么想法吗？

Answer 1

您的选择器有问题。您已定义选中但未选中。

所以将其更改为

   <selector xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:state_checked="true"
            android:drawable="@drawable/checked" />
        <item android:state_pressed="true"
            android:drawable="@drawable/checked" />
        <item android:state_pressed="false"
            android:drawable="@drawable/unchecked" />
    </selector>

像这样

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/checked" />
    <item android:state_checked="false"  android:drawable="@drawable/unchecked" />
</selector>

Answer 2

如果您想使用自定义可绘制对象覆盖默认行为，以避免自定义背景未使用中定义的 ?attr/colorOnSurface（未选中）和 ?attr/colorSecondary（选中）着色您的主题，将 app:useMaterialThemeColors 设置为 false.

类似于：

<CheckBox
        ...
    app:useMaterialThemeColors="false"
    />

Android: 如何更改自定义复选框的默认颜色？

Android: How to change default color of custom checkboxes?

android

checkbox

material-components-android