Как настроить кнопку переключателя?

Я ищу пользовательскую кнопку Switch чтобы сделать следующее:

введите описание изображения здесь

Как достичь этого?

вы можете использовать следующий код для изменения цвета и текста :

  

Создайте xml с именем colors.xml в папке res / values:

   #ff0000 #00ff00  

В выделенной папке создайте xml-файл my_btn_toggle.xml:

      

и в разделе xml, определяющем вашу кнопку переключения, добавьте:

 android:background="@drawable/my_btn_toggle 

изменить цвет использования textOn и textOff

 android:switchTextAppearance="@style/Switch" 

Однако это может быть не самый лучший способ, но я решил по-другому решить всю проблему, связанную с коммутатором. Вот мой код –

     1     1     1     1     1     1     

pink_out_line.xml

      1      

toggle_widget_background.xml

       

И вот вывод – введите описание изображения здесь

  

рисуем / custom_switch_inner_holo_light.xml

       

рисуем / custom_switch_track_holo_light.xml

     

Следующие изображения: 9.paths drawables, и они должны иметь разную плотность (mdpi, hdpi, xhdpi, xxhdpi). В качестве примера я даю xxhdpi (вы можете resize, если вам нужно):

рисуем / custom_switch_thumb_disabled_holo_light

custom_switch_thumb_disabled_holo_light

рисуем / custom_switch_thumb_pressed_holo_light

custom_switch_thumb_pressed_holo_light

рисуем / custom_switch_thumb_activated_holo_light

custom_switch_thumb_activated_holo_light

рисуем / custom_switch_thumb_holo_light

custom_switch_thumb_holo_light

рисуем / custom_switch_bg_focused_holo_light

custom_switch_bg_focused_holo_light

рисуем / custom_switch_bg_holo_light

введите описание изображения здесь

Вы можете использовать обычный виджет Switch и просто вызвать setTextOn() и setTextOff() или использовать android:textOn и android:textOff .

Я достиг этого

введите описание изображения здесь

при выполнении:

1) пользовательский селектор:

      

2) с использованием v7 SwitchCompat

  

Я использую этот подход для создания настраиваемого переключателя с помощью RadioGroup и RadioButton ;

предварительный просмотр

введите описание изображения здесь

Цветной ресурс

 #FF005a9c #ff6691c4 #ffcdd8ec 

вводимый коэффициент

control_switch_background_border.xml

      

control_switch_background_selector.xml

                  

control_switch_background_selector_middle.xml

                       

раскладка

      

Существует два способа создания пользовательского ToggleButton

1) Определяя пользовательский фон 2) Создавая пользовательскую кнопку

Проверьте http://www.zoftino.com/android-toggle-button для пользовательских стилей.

Кнопка Toggle с пользовательским фоном

Определите drawable как xml-ресурс, как показано ниже, и установите его как фон кнопки переключения. В приведенном ниже примере drawable toggle_color является селектором цвета, вам также нужно определить это.

                               

Кнопка «Переключить» с помощью настраиваемой кнопки

Создайте свои собственные изображения для двух состояний кнопки переключения (убедитесь, что изображения существуют для всех экранов размеров) и поместите их в папку с возможностью выбора, создайте селектор и установите его как кнопку.

      

Дополнительная информация по этой ссылке: http://www.mokasocial.com/2011/07/sexily-styled-toggle-buttons-for-android/

  

и выталкиваемая будет выглядеть примерно так:

       
Давайте будем гением компьютера.