Android控件<第六篇>：ToggleButton

ToggleButton本质上是一个开关，它的使用也比较简单。

通常，它作为状态开关存在，它的使用方式如下：

    CompoundButton.OnCheckedChangeListener checkedChangeListener = new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {


        }
    };
    toggleButton.setOnCheckedChangeListener(checkedChangeListener);

布局代码是：

<ToggleButton
    android:id="@+id/toggleButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textOn="开灯"
    android:textOff="关灯"
    android:text="ToggleButton" />

其效果是：

30.gif

textOn和textOff可以控制两种状态的文字显示，然而，我们往往为了美观，使用两种不同的图片替代文字。

效果如下：

31.gif

布局代码如下：

<ToggleButton
    android:id="@+id/toggleButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/toggle_bg"
    android:textOn=""
    android:textOff=""
    android:text="ToggleButton" />

toggle_bg.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/open" android:state_checked="true"></item>
    <item android:drawable="@mipmap/close" android:state_checked="false"></item>
</selector>

图片资源如下：

close.png open.png

[本章完...]