Як використовувати застосувати користувацький малюнок до RadioButton?


78

Схоже, ми можемо використовувати наступне в RadioButton:

android:button="@drawable/myCustomStateBackground"

але цей витягуваний займає лише те місце, куди зазвичай потрапляє радіоприймач. В ідеалі я хочу, щоб весь мій фон кнопки був у формі. Тож при натисканні я хочу, щоб вся кнопка виглядала як застрягла в натиснутому стані. Для цього я сподівався, що зможу зробити щось на зразок:

android:button="null"
android:background="@drawable/myCustomStateBackground"

але тоді фон, що малюється, не знає про стан натискання, як це робить атрибут button. Чи є спосіб обійти це?


Замість того, щоб змінювати фон, ви, мабуть, шукаєте android:buttonатрибут.
МЗ.

Відповіді:


113

Надайте вашій кнопці перемикання власний стиль:

<style name="MyRadioButtonStyle" parent="@android:style/Widget.CompoundButton.RadioButton">
    <item name="android:button">@drawable/custom_btn_radio</item>
</style>

custom_btn_radio.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:state_window_focused="false"
          android:drawable="@drawable/btn_radio_on" />
    <item android:state_checked="false" android:state_window_focused="false"
          android:drawable="@drawable/btn_radio_off" />

    <item android:state_checked="true" android:state_pressed="true"
          android:drawable="@drawable/btn_radio_on_pressed" />
    <item android:state_checked="false" android:state_pressed="true"
          android:drawable="@drawable/btn_radio_off_pressed" />

    <item android:state_checked="true" android:state_focused="true"
          android:drawable="@drawable/btn_radio_on_selected" />
    <item android:state_checked="false" android:state_focused="true"
          android:drawable="@drawable/btn_radio_off_selected" />

    <item android:state_checked="false" android:drawable="@drawable/btn_radio_off" />
    <item android:state_checked="true" android:drawable="@drawable/btn_radio_on" />
</selector>

Замініть малюнки своїми.


5
Ах, вибачте - це змінить лише "кнопку", яку можна малювати - я хотів би змінити фон, що малюється, - але також, щоб її стан поводився як атрибут "button" - не схоже, що RadioButton підтримує це?
user291701

1
використовуючи цей
малювальний файл,

@ umerk44 Так працює RadioButton, якщо він не входить до групи. Якщо вам потрібно, щоб його не можна було вибрати, ви можете використовувати CheckBox.
Іван Вулл,

37

повне рішення тут:

<RadioGroup
    android:id="@+id/radioGroup1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <RadioButton
        android:id="@+id/radio0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:button="@drawable/oragne_toggle_btn"
        android:checked="true"
        android:text="RadioButton" />

    <RadioButton
        android:id="@+id/radio1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:button="@drawable/oragne_toggle_btn"
        android:layout_marginTop="20dp"
        android:text="RadioButton" />

    <RadioButton
        android:id="@+id/radio2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:button="@drawable/oragne_toggle_btn"
        android:layout_marginTop="20dp"
        android:text="RadioButton" />
</RadioGroup>

селектор XML

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/orange_btn_selected" android:state_checked="true"/>
<item android:drawable="@drawable/orange_btn_unselected"    android:state_checked="false"/>

 </selector>

2
або ти міг використатиandroid:button="@drawable/oragne_toggle_btn"
pepela

1
Не використовувати фоновий атрибут use> android: button = "@ drawable / oragne_toggle_btn"
Бісватма

А як щодо кольору тексту?
Пратік Бутані


9

якщо ви хочете змінити єдину піктограму перемикача, тоді ви можете лише додати android:button="@drawable/ic_launcher"до перемикача, а для того, щоб зробити чутливим при натисканні, вам доведеться використовувати селектор

 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/image_what_you_want_on_select_state" android:state_checked="true"/>
<item android:drawable="@drawable/image_what_you_want_on_un_select_state"    android:state_checked="false"/>


 </selector>

і налаштуйте на радіо android:background="@drawable/name_of_selector"


Якщо m використовує android: button = "@ null" android: background = "@ drawable / myCustomStateBackground" для перемикача, який знаходиться в меню шухляди навігації. Він не працює належним чином. Інколи фонові зображення видно, а іноді ні. Будь ласка, допоможіть щодо цього ж.
Віскі

0

Програмно додайте фонове зображення

minSdkВерсія 16

RadioGroup rg = new RadioGroup(this);
RadioButton radioButton = new RadioButton(this);
radioButton.setBackground(R.drawable.account_background);
rg.addView(radioButton);
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.