Android CheckBox 自定义图像无法正确显示

Question

在我的项目中，我有一个复选框，我正在尝试为选中和未选中状态添加自定义图像，但图像无法正确显示 xhdpi 屏幕。请帮助

我正在发布 xml 和屏幕截图

自定义复选框.xml

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

check_box.xml

     <CheckBox
        android:id="@+id/chkVibrate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:button="@drawable/checkbox"
        android:text="CheckBox Text"
        android:textColor="@color/white" />

click here for the hdpi image

click here for the xhdpi image

Answer 1

您应该为按钮属性使用您的自定义 xml 文件

 <CheckBox
    android:id="@+id/chkVibrate"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:button="@drawable/custom_checkbox"
    android:text="CheckBox Text"
    android:textColor="@color/white" />

如果你想在不同的焦点状态下设置不同的图像，你也可以通过这种方式创建一个自定义文件。

<?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/ic_check"
    android:state_focused="false">
</item>
<item android:state_checked="true" 
    android:drawable="@drawable/ic_check"
    android:state_focused="true">
</item>
<item android:state_checked="false" 
    android:drawable="@drawable/ic_uncheck"
    android:state_focused="false">
</item>
<item android:state_checked="false" 
    android:drawable="@drawable/ic_uncheck"
    android:state_focused="true">
</item>
</selector>