当前位置：首页 > news >正文

Android 滑块开关自定义Switch

news 来源：原创 2025/5/6 20:24:03

自定义Switch开关：

    <Switch
        android:id="@+id/switch_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:thumb="@drawable/ccb_switch_thumb"
        android:track="@drawable/ccb_switch_track"
        />

<!-- ccb_switch_thumb -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true">
        <selector>
            <item android:state_checked="true">
                <layer-list>
                    <item android:gravity="center_vertical" android:width="20dp" android:height="20dp"  android:drawable="@drawable/switch_on_normal_ov_on"/>
                </layer-list>
            </item>
            <item android:state_checked="false">
                <layer-list>
                    <item android:gravity="center_vertical" android:width="20dp" android:height="20dp" android:drawable="@drawable/switch_on_normal_ov_off" />
                </layer-list>
            </item>
        </selector>
    </item>
</selector>

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

<!--    switch_on_normal_ov_on-->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="22dp"
        android:height="22dp" />
    <stroke android:width="5dp" android:color="#00000000"/>
    <solid android:color="#ffffff"/>
</shape>

<!--    switch_on_normal_ov_off-->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="22dp"
        android:height="22dp" />
    <stroke android:width="5dp" android:color="#00000000"/>
    <solid android:color="#cc8C93A2"/>
</shape>

<!--    switch_on_normal_bg_on -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#2166ff" />
    <corners android:radius="22dp"/>
    <size
        android:width="45dp"
        android:height="22dp" />
</shape>

<!--    switch_on_normal_bg_off -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#50787880" />
    <corners android:radius="22dp"/>
    <size
        android:width="45dp"
        android:height="22dp" />
</shape>

        cSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Log.i(TAG, "onCheckedChanged 改变状态为: "+isChecked);

            }
        });
        btnSwitch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                cSwitch.setChecked(!isChecked);
            }
        });

笔记、仅供参考