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

Я ищу пользовательскую кнопку 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/

  

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

       
Interesting Posts

ERROR 1396 (HY000): Операция CREATE USER не удалось выполнить ‘jack’ @ ‘localhost’

Определите, существует ли приложение и запускает это приложение в iOS

Как синхронизировать контакты Outlook с Gmail?

Представление ограничения FOREIGN KEY может вызвать циклы или несколько каскадных путей – почему?

Как найти самый высокий z-индекс с помощью jQuery

расчет разницы в месяцах между двумя датами

Hashcode и Equals для Hashset

Преобразовать шестнадцатеричную строку в целое число эффективно в C?

Регулярное выражение для удаления тегов HTML

Почему Java ограничивает размер метода до 65535 байт?

SkyDrive на Windows 8.1

Почему Java запрещает статические поля во внутренних classах?

Разделить строку, содержащую параметры командной строки, в строку в C #

xpath: найти узел, атрибут classа которого соответствует значению и текст которого содержит определенную строку

Как полностью удалить / удалить cygwin из Windows 7

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