0

Как сделать такое для ToggleButton? Т.е. чтобы был какой-то фон и иконка? т.е. чтобы фон был к примеру как тут, а вместо OFF и ON были иконки. xml файлы иконок векторных есть, только не понял как их и фон совместить

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

2 ответа 2

1

Делаете селектор и помещаете в папку res/drawable. картинка toggle_off соответствует выключенному изображению, toggle_on - включенному.

toggle_selector.xml:

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

Подключаете этот селектор к виджету:

<ToggleButton
            android:id="@+id/chkState"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/toggle_selector"
            android:textOff=""
            android:textOn=""/>

атрибуты textOff и textOn задают текст в переключателе, для выключенного и включенного состояния соответственно. Если он не требуется, то ставим пустые строки

Пример

1

Здесь указаны возможности, а не последовательность исполнения. Если иконка у вас в папке drawable, то в Activity (если понадобится поменять при работе с приложением)

LinearLayout_id.setBackgroundColor(Color.BLACK);
toggleButton.setBackgroundResource(R.drawable.icon);

в layout (фон и цвет по умолчанию)

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/black"
            android:layout_margin="3dp"
            android:id="@+id/LinearLayout_id">

            <ToggleButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/toggleButton"
                android:checked="false"
                android:textAllCaps="false"
                android:background="@drawable/icon"
                android:layout_marginTop="3dp"
                android:layout_marginRight="3dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp" />
        </LinearLayout>
9
  • Речь идет о виджете ToggleButton, а не ImageView
    – pavlofff
    15 дек 2016 в 6:50
  • исправил, спасибо @pavlofff
    – TimurVI
    15 дек 2016 в 6:55
  • а почему фон (и цвет) дублируется: указывается в разметке и устанавливается программно. Для чего это?
    – pavlofff
    15 дек 2016 в 6:59
  • они не дублируется, это варианты коими можно воспользоваться.
    – TimurVI
    15 дек 2016 в 7:21
  • в моем приложении, фон (иконка) и цвет меняются при нажатии на ToggleButton, к примеру. Устанавливаю программно. Возможно это не самый лучший способ, но он работает.
    – TimurVI
    15 дек 2016 в 7:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.