Android Switch开关自定义

代码：

switch_track.xm

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape>
            <size android:width="38dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#0c0c0c" />
        </shape>
    </item>

    <item>
        <shape>
            <size android:width="38dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#a0a0a0" />
        </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="true">
        <shape>
            <size android:width="18dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#ffffff" />
            <stroke android:width="2dp" android:color="#0c0c0c" />
        </shape>
    </item>

    <item>
        <shape>
            <size android:width="18dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#ffffff" />
            <stroke android:width="2dp" android:color="#a0a0a0" />
        </shape>
    </item>
</selector>

 

switch控件属性介绍

 

android:showText：设置on/off的时候是否显示文字,boolean
android:splitTrack：是否设置一个间隙，让滑块与底部图片分隔,boolean
android:switchMinWidth：设置开关的最小宽度
android:switchPadding：设置滑块内文字的间隔
android:switchTextAppearance：设置开关的文字外观，暂时没发现有什么用...
android:textOff：按钮没有被选中时显示的文字
android:textOn：按钮被选中时显示的文字
android:textStyle：文字风格，粗体，斜体写划线那些
android:track：底部的图片
android:thumb：滑块的图片
android:typeface：设置字体

 

使用：

 

<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumb="@drawable/switch_thumb"
    android:track="@drawable/switch_track" />

 

mToolSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                   showShortToast("选中");
                }else {
                    showShortToast("没选中");
                }
            }
        });