RadioButton styled as a normal button

Question

I'm trying to style my RadioButton as normal buttons and support color change on the buttons, with ripple effect when one of them is clicked.

What happens now, is that all buttons are grey, they ripple in purple when they are clicked but don't change their color to purple permenently - which is the problem I'm trying to solve.

Thisi s how he buttons look right now

RadioButton in whatever.xml

<RadioButton
    style="@style/Widget.AppCompat.Button"
    android:id="@+id/product_size2"
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:text="S"
    android:button="@null"
    android:textColor="@color/material_light_white"/>

Relevant items in style.xml

<item name="android:colorButtonNormal">@color/material_grey_700</item>
<item name="android:colorControlHighlight">@color/material_purple_500</item>

I want the buttons to stay purple when they are chosen - solution?

I think you should use a background state selector for this task — Vladyslav Matviienko, Nov 03 '16 at 13:59
have you tried to create a custom xml style for the buttons with the different states it can have? http://stackoverflow.com/a/29848987/5348534 — XxGoliathusxX, Nov 03 '16 at 14:03
I saw these xml packed answers - I think there must be a more elegant solution — bluesummers, Nov 03 '16 at 14:05

score 0 · Answer 1 · answered Nov 03 '16 at 14:03

0

radiobutton_background.xml:

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

And use it as a Background:

android:background="@drawable/radiobutton_background" />

answered Nov 03 '16 at 14:03

Vladyslav Matviienko

10,610
4
33
52

Doesn't work, what happens is the background overlays the style, effectively killing the style (creates a cube with no elevation) and no ripple effect – bluesummers Nov 03 '16 at 14:09

RadioButton styled as a normal button

1 Answers1