Radio Button is only partially checked

Question

I know this sound weird so here is the picture.

It hold the correct value. The correct radiobutton is (partially) selected. All logic in the OnCheckedChangeListener is executed correctly. I'm completly stunned. Why is the radio button not fully checked?

Only thing I can think of is that i'm using Rx2Firebase

periodRetriever = FirebaseHelper.getInstance(getContext()).getPeriod()
        .defaultIfEmpty(0)
        .distinctUntilChanged()
        .subscribe(new Consumer<Integer>() {
            @Override
            public void accept(@NonNull Integer headerType) throws Exception {
                getRadioViewChecked(headerType).setChecked(true);
            }
        });

EDIT1

Marcos suggestion I can't see the white tick. This is not the case.

EDIT2

Layout:

<RadioGroup
    android:id="@+id/rgPeriod"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <android.support.v7.widget.AppCompatRadioButton
        android:id="@+id/rbMonth"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:text="@string/month" />

    <android.support.v7.widget.AppCompatRadioButton
        android:id="@+id/rbWeek"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:text="@string/week" />

    <android.support.v7.widget.AppCompatRadioButton
        android:id="@+id/rb4Weeks"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:text="@string/four_weeks" />


</RadioGroup>

Are you referring to the fact that the circle does not have the dot in the center? If so, what is your theme, and have you done anything to customize the look of the `RadioButton`? — CommonsWare, Aug 28 '17 at 19:45
@CommonsWare Yes, that is what i'm referring to! I haven't done anything with the styling apart from setting `colorPrimary` and `colorAccent`. I did not have this problem when it was all synchronous. — Robin Dijkhof, Aug 28 '17 at 19:48
Maybe the theme you extends from uses white selection dots If you using Dark theme switch to Light, or inverse otherwise — Marcos Vasconcelos, Aug 28 '17 at 20:24
When I select it manually it works normal. Also when the event triggers for the second time. — Robin Dijkhof, Aug 28 '17 at 20:42
Did you try to handle it on main thread with `.observeOn(AndroidSchedulers.mainThread()).subscribe(...)`? — Kirill, Sep 20 '17 at 19:31
Are you setting the drawable for the radiobutton dynamically? — Pablo Baxter, Sep 26 '17 at 21:25

score 23 · Accepted Answer · answered Jan 30 '18 at 22:31

23

Looks like an Animation Bug. When using a CompoundButton on a Fragment inside a ViewPager the drawable state is not set correctly.

This happens also for Checkboxes as seen here: Android Nougat: Why do checkboxes on Fragment have incomplete state when selected programmatically (but look fine on Lollipop).

Calling jumpDrawablesToCurrentState() just after calling RadioGroup.check(id) or Checkbox.setChecked(true) seems to fix the problem (thx @Dalmas)

answered Jan 30 '18 at 22:31

Nipper

2,350
1
21
30

1

After all these answers finally something that makes sense. – Robin Dijkhof Jan 31 '18 at 08:44
This is happening on a Nexus 5x API 27. The fragment is within an activity with a fragment adapter. #jumpDrawablesToCurrentState fixed it – Reinherd Feb 05 '18 at 22:04
1

For me jumpDrawablesToCurrentState fixed the problem. Thanks! – Oya Feb 07 '19 at 11:33
radioButton.jumpDrawablesToCurrentState(); is worked for me – Ramesh kumar Apr 25 '19 at 08:23

score 0 · Answer 2 · answered Sep 20 '17 at 19:54

0

Your theme is Dark and you cant see the white tick, you need to change it to another color.

answered Sep 20 '17 at 19:54

Marcos Vasconcelos

18,136
30
106
167

1

Obs: I did commented this on Aug28 – Marcos Vasconcelos Sep 20 '17 at 19:55
If that's true, changing the background colour of my activty would reveal this right? But then comes a new question to my mind, why is it sometimes white and sometimes not? – Robin Dijkhof Sep 20 '17 at 20:02
It is dependent of the device you are testing with, and yes, chaning the background would make it appear – Marcos Vasconcelos Sep 20 '17 at 20:04
Then why is it sometimes white and sometimes not? Same device though – Robin Dijkhof Sep 20 '17 at 20:05
Hmm, maybe its a animation issue? Are you sure your method is checking only one of yours checks? – Marcos Vasconcelos Sep 20 '17 at 20:09
Absolutly sure. – Robin Dijkhof Sep 20 '17 at 20:14
4

So create a minimum reproducible code so we can test – Marcos Vasconcelos Sep 20 '17 at 20:26

score 0 · Answer 3 · answered Aug 20 '20 at 07:29

In addition to the excellent answer of @Nipper, I wrote a Kotlin extension in my project to easily fix the issue :

fun CompoundButton.setCheckedFixed(checked: Boolean) {
    isChecked = checked
    jumpDrawablesToCurrentState()
}

Everywhere I should do radioButton.isChecked = true or radioButton.setChecked(true) instead I do radioButton.setCheckedFixed(true).

score -1 · Answer 4 · answered Sep 25 '17 at 09:35

-1

Try changing your Theme or the color attributes of your radio button

answered Sep 25 '17 at 09:35

Deepan

787
2
7
13

score -1 · Answer 5 · answered Sep 26 '17 at 10:24

-1

change background color from white to another color it will appear

answered Sep 26 '17 at 10:24

dileep krishnan

326
4
7

1

How did you miss that red picture? – Robin Dijkhof Sep 26 '17 at 12:13
sorry Robin Dijkhof sir – dileep krishnan Sep 28 '17 at 12:31
i think he is applying some theme – dileep krishnan Sep 28 '17 at 12:31

score -1 · Answer 6 · answered Sep 27 '17 at 12:27

Have you tried using RadioButton instead of android.support.v7.widget.AppCompatRadioButton i think that might solve the issue

On the other hand, here you can find a doc of how to style RadioButtons

http://www.materialdoc.com/radio-button/

Declare custom style in your styles.xml file.

<style name="MyRadioButton" parent="Theme.AppCompat.Light"> <item name="colorControlNormal">@color/indigo</item> <item name="colorControlActivated">@color/pink</item> </style>

Apply this style to your RadioButton via android:theme attribute.

`

   <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:text="Radio Button"
        android:theme="@style/MyRadioButton"/>

source: https://stackoverflow.com/a/35044856/4492504

Radio Button is only partially checked

6 Answers6

Linked