Найти тему

Нестандартный переключатель Switch

Если вам понадобилось использовать переключатель Switch, но внешне он не отвечает вашим требованиям, то есть вариант сделать свой собственный.

Находим в структуре проекта папку ресурсов:

res -> drawable

Щелкаем пкм по папке drawable:

new -> Drawable Resource File

Задаём имя файла. Например,

custom_switch
Root element указываем - selector

Щелкаем ОК.

Заменяем в этом файле код на следующий:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
<shape android:dither="true" android:shape="rectangle" android:useLevel="false" android:visible="true">
<corners android:radius="15dp" />
<gradient android:angle="270" android:endColor="#6600FF00" android:startColor="#66AAFF00" />
<size android:width="37dp" android:height="37dp" />
<stroke android:width="4dp" android:color="#0000ffff" />
</shape>
</item>
<item android:state_checked="false">
<shape android:dither="true" android:shape="rectangle" android:useLevel="false" android:visible="true">
<corners android:radius="15dp" />
<gradient android:angle="270" android:endColor="#ff0000" android:startColor="#ff0000" />
<size android:width="37dp" android:height="37dp" />
<stroke android:width="4dp" android:color="#0000ffff" />
</shape>
</item>
</selector>

В разметку экрана добавляем код переключателя:

<Switch
android:id="@+id/switch_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="ON"
android:layout_centerInParent="true"
android:textOff="OFF"
android:thumb="@drawable/custom_switch"
tools:ignore="UseSwitchCompatOrMaterialXml" />

Главное здесь:

android:thumb="@drawable/custom_switch"
tools:ignore="UseSwitchCompatOrMaterialXml"

Дальше - просто пользуемся View-элементом для своих целей. Параметры можно и нужно менять по своим требованиям в custom_switch.xml.

Нашёл тут.