VectorDrawable 在 RadioButtons / CheckBox 中显示不正确

VectorDrawable is not displayed correctly in RadioButtons / CheckBox

问题:我有一个矢量可绘制对象未在 RadioButton/CheckBox 中正确显示。只显示一个灰色圆圈,而我需要一个棕色圆圈内的勾号。 向量在这里:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="22dp"
    android:height="23dp"
    android:viewportWidth="22"
    android:viewportHeight="23">
    <path
        android:fillColor="#8a3511"
        android:fillType="evenOdd"
        android:pathData="M11,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0" />
    <group>
        <clip-path android:pathData="M11,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0" />
        <path
            android:fillColor="#00000000"
            android:fillType="evenOdd"
            android:pathData="M4.5,11.5L8,15 16,7"
            android:strokeWidth="1"
            android:strokeColor="#FFF" />
    </group>
</vector>

这是可绘制的状态:

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

用法如下:

    <com.google.android.material.checkbox.MaterialCheckBox
        android:layout_marginStart="64dp"
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center|end"
        android:button="@drawable/checkbox"
        />

这是视觉结果:

是的,灰色圆圈是我从这里得到的全部信息:

尝试使用 androidx.appcompat.widget.AppCompatCheckBox 而不是 CheckBox