android - ToggleButton 可绘制颜色不变

Question

触摸 ToggleButton 时，它的背景颜色没有改变。切换确实发生了，触摸时不断变化的文本证实了这一点。但颜色始终保持白色，即未选中状态。我做错了什么？

切换按钮:

<ToggleButton 
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:textOn="On"
            android:textOff="Off"
            android:textSize="20sp"
            android:background="@drawable/toggle_day"
            />

它的背景是可绘制的 toggle_day.xml :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"
    >
    <solid android:color="@color/toggle_day_bg_selector" />

</shape>

drawable 的颜色来自选择器 toggle_day_bg_selector.xml :

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

Answer 1

您在切换按钮上设置了形状，这就是选择器不起作用的原因。设置选择器然后它的工作。

试试这个

切换按钮:

<ToggleButton 
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:textOn="On"
            android:textOff="Off"
            android:textSize="20sp"
            android:background="@drawable/toggle_day_bg_selector"
            />

toggle_day_bg_selector.xml

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

toggle_day.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"
    >
    <solid android:color="@color/white" />

</shape>

toggle_daysecond.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"
    >
    <solid android:color="@color/holo_blue_dark" />

</shape>