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
问题:我有一个矢量可绘制对象未在 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