Android Switch和ToggleButton类

Switch和ToggleButton都会被用来展示状态。

1、Switch简单用法

android:textOff设置关闭时文字
android:textOn设置打开时文字
android:checked设置是否打开

<Switchandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textOff="@string/btn_close"android:textOn="@string/btn_open"android:checked="false"/>

原生的Switch，与整体的设计可能不是很搭配

2、ToggleButton简单应用

android:textOn设置选中时文本
android:textOff设置取消选中时文本
android:disabledAlpha设置按钮在禁用时透明度。

<ToggleButtonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textOn="打开"android:textOff="关闭"android:checked="false" />

原生的ToggleButton

3、自定义Switch样式

android:track设置背景
android:thumb设置文字选择的背景
android:switchMinWidth设置宽度

资源文件switch_track.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="false">        <shape android:shape="rectangle">            <size android:height="30dp" />            <corners android:radius="15dp"/>            <solid android:color="#ff8b8b8b" />        </shape>    </item>    <item android:state_checked="true">        <shape android:shape="rectangle">            <size android:height="30dp" />            <corners android:radius="15dp"/>            <solid android:color="#ffff8c00" />        </shape>    </item></selector>

资源文件switch_thumb.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="false">        <shape android:shape="rectangle">            <size android:height="30dp" android:width="30dp" />            <corners android:radius="15dp"/>            <solid android:color="#ffffffff" />            <stroke android:width="1dp" android:color="#ff8b8b8b" />        </shape>    </item>    <item android:state_checked="true">        <shape android:shape="rectangle">            <size android:height="30dp" android:width="30dp" />            <corners android:radius="15dp"/>            <solid android:color="#ffffffff" />            <stroke android:width="1dp" android:color="#ffff8c00" />        </shape>    </item></selector>

Switch引用自定义样式，并设置textOff和textOn为空

<Switchandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:switchMinWidth="20dp"android:textOff="  "android:textOn="  "android:track="@drawable/switch_track"android:thumb="@drawable/switch_thumb"android:checked="false"/>

自定义界面显示如下

参考资料：http://blog.csdn.net/qq_34763699/article/details/54954394