¿Cómo personalizar el botón de cambio?

Estoy buscando que Custom The Switch Button se convierta en lo siguiente:

enter image description here

¿Cómo lograr esto?

    puede usar el siguiente código para cambiar el color y el texto :

      

    Crea un xml llamado colors.xml en la carpeta res / values:

     < ?xml version="1.0" encoding="utf-8"?>  #ff0000 #00ff00  

    En la carpeta dibujable, crea un archivo xml my_btn_toggle.xml:

          

    y en la sección xml que define su botón de alternar, agregue:

     android:background="@drawable/my_btn_toggle 

    para cambiar el color del textOn de textOn y textOff

     android:switchTextAppearance="@style/Switch" 

    Sin embargo, esta podría no ser la mejor manera, pero he tomado una forma diferente de resolver mi problema relacionado con Switch. Aquí está mi código:

         

    pink_out_line.xml

          

    toggle_widget_background.xml

     < ?xml version="1.0" encoding="UTF-8" standalone="no"?>      

    Y aquí está la salida – enter image description here

      

    drawable / custom_switch_inner_holo_light.xml

           

    drawable / custom_switch_track_holo_light.xml

         

    Las siguientes imágenes son drawwables de 9.paths y deben estar en diferentes densidades (mdpi, hdpi, xhdpi, xxhdpi). Como ejemplo, doy xxhdpi (puedes redimensionarlos si lo necesitas):

    drawable / custom_switch_thumb_disabled_holo_light

    custom_switch_thumb_disabled_holo_light

    drawable / custom_switch_thumb_pressed_holo_light

    custom_switch_thumb_pressed_holo_light

    drawable / custom_switch_thumb_activated_holo_light

    custom_switch_thumb_activated_holo_light

    drawable / custom_switch_thumb_holo_light

    custom_switch_thumb_holo_light

    drawable / custom_switch_bg_focused_holo_light

    custom_switch_bg_focused_holo_light

    drawable / custom_switch_bg_holo_light

    enter image description here

    Puede usar el widget Switch regular y simplemente llamar a setTextOn() y setTextOff() , o usar los android:textOn y android:textOff .

    Logré esto

    enter image description here

    haciendo:

    1) selector personalizado:

     < ?xml version="1.0" encoding="utf-8"?>     

    2) usando v7 SwitchCompat

      

    Utilizo este enfoque para crear un interruptor personalizado usando un RadioGroup y RadioButton ;

    Avance

    enter image description here

    Recurso de color

     #FF005a9c #ff6691c4 #ffcdd8ec 

    Drawables

    control_switch_background_border.xml

          

    control_switch_background_selector.xml

                      

    control_switch_background_selector_middle.xml

                           

    Diseño

          

    Hay dos formas de crear ToggleButton personalizado

    1) Al definir fondo personalizado 2) Al crear un botón personalizado

    Visite http://www.zoftino.com/android-toggle-button para ver los estilos personalizados

    Botón de alternar con fondo personalizado

    Defina drawable como recurso xml como a continuación y configúrelo como fondo del botón de alternar. En el siguiente ejemplo, drawable toggle_color es un selector de color, necesita definir esto también.

     < ?xml version="1.0" encoding="utf-8"?>                              

    Botón de alternar con botón personalizado

    Cree sus propias imágenes para dos estados de botón de alternar (asegúrese de que existan imágenes para todos los tamaños de pantallas) y colóquelos en una carpeta dibujable, cree el selector y configúrelo como botón.

          

    Más información en este enlace: http://www.mokasocial.com/2011/07/sexily-styled-toggle-buttons-for-android/

      

    y el dibujable será algo así como: