如何更改Android上切换按钮的背景颜色

Question

我尝试使用XML文件更改切换按钮的背景颜色为白色,但切换按钮完全损坏.看起来所有按钮都覆盖着白色.

将切换按钮的颜色更改为白色时,切换按钮上没有ON或OFF的指示.是否有另一种改变背景的方法,不会损坏切换按钮的指示？

<ToggleButton android:id="@+id/togglebutton"
              android:layout_width="100px"
              android:layout_height="46px"
              android:background="#ffffff"
              android:layout_above ="@+id/save"
              android:textOn="DAY"
              android:textOff="NIGHT" />

这就是我的XML代码查找切换按钮的方式.

Answer 1

是的,有一种方法可以根据需要更改背景,但您必须使用这样的选择器作为背景:

<selector
    xmlns:android="http://schemas.android.com/apk/res/android"
>
<item
    android:state_focused="true"
    android:state_pressed="false"
    android:drawable="@drawable/some_image" />
<item
    android:state_focused="true"
    android:state_pressed="true"
    android:drawable="@drawable/some_other_image" />
<item
    android:state_focused="false"
    android:state_pressed="false"
    android:drawable="@drawable/some_image1" />
<item
    android:state_focused="false"
    android:state_pressed="true"
    android:drawable="@drawable/other_image" />
</selector>

对于@Drawable等(您可以使用颜色或制作渐变.请查看此内容以获取有关渐变的更多信息.

Answer 2

按照这种方式使您的ToogleButton背景颜色在打开时为红色，在关闭时为绿色

首先，tooglebutton_selector.xml在drawable文件夹中创建

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

其次，togglebutton_on.xml在drawable文件夹中创建

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="#ff0000" /> // red color
</shape>

三、togglebutton_off.xml在drawable文件夹中创建

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="#00FF00" /> // green color
</shape>

最后，在您的 ToggleButton

 <ToggleButton
            android:id="@+id/btnMon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/tooglebutton_selector" //set background of ToggleButton to tooglebutton_selector
            />