Android:使用 XML 为切换按钮指定两个不同的图像

2022-08-31 10:24:41

我正在尝试覆盖默认外观。下面是定义以下内容的 XML:ToggleButtonToggleButton

<ToggleButton android:id="@+id/FollowAndCenterButton"
        android:layout_width="30px"
        android:layout_height="30px"
        android:textOn="" android:textOff="" android:layout_alignParentLeft="true"
        android:layout_marginLeft="5px"
        android:layout_marginTop="5px" android:background="@drawable/locate_me"/>

现在,我们有两个30 x 30图标,我们要用于单击/未单击状态。现在,我们有代码可以根据状态以编程方式更改背景图标:

centeredOnLocation.setOnClickListener(new OnClickListener() {
        public void onClick(View v) {
            if (centeredOnLocation.isChecked()) {
                centeredOnLocation.setBackgroundDrawable(getResources().getDrawable(R.drawable.locate_me_on));
            } else {
                centeredOnLocation.setBackgroundDrawable(getResources().getDrawable(R.drawable.locate_me));
            }
        }
});

显然,我正在寻找一种更好的方法来做到这一点。我试图为背景图像制作一个选择器,它会自动在状态之间切换:

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:drawable="@drawable/locate_me" /> <!-- default -->
 <item android:state_checked="true"
       android:drawable="@drawable/locate_me_on" /> <!-- pressed -->
 <item android:state_checked="false"
       android:drawable="@drawable/locate_me" /> <!-- unchecked -->

但这行不通。读取 API(http://developer.android.com/reference/android/widget/ToggleButton.html),似乎唯一继承的 xml 属性是ToggleButton

    XML Attributes
Attribute Name  Related Method  Description
android:disabledAlpha       The alpha to apply to the indicator when disabled. 
android:textOff         The text for the button when it is not checked. 
android:textOn      The text for the button when it is checked. 

似乎没有 android:state_checked 属性,尽管该类具有方法和 .isChecked()setChecked()

那么,有没有办法在XML中做我想做的事情,或者我是否陷入了混乱的解决方法?


答案 1

您的代码很好。但是,切换按钮将在选择器中显示它匹配的第一个项目,因此默认值应排在最后。按以下方式排列项目,以确保它们全部得到利用:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:state_pressed="true" /> //currently pressed turning the toggle on
    <item android:state_pressed="true" /> //currently pressed turning the toggle off
    <item android:state_checked="true" /> //not pressed default checked state
    <item /> //default non-pressed non-checked
</selector>

答案 2

推荐