RadioButton TextColor gone wrong? How to change it?

Issue

i have a weird problem here..
so i decided to practicing make Custom Radio Button like Pills, and then it not work like what i code.

I set the color with Black and White for the text, but my Radio button text turns Pink? Eyy yo, what is going on here?

Image

Here’s my code:

My RadioGroup:

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Rumah"
    android:padding="15dp"
    android:background="@drawable/radio_selector"
    android:button="@drawable/radio_selector_null"
    android:gravity="center"
    android:textColor="@drawable/radio_selector_text"/>

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="15dp"
    android:text="Apartemen"
    android:padding="15dp"
    android:background="@drawable/radio_selector"
    android:button="@drawable/radio_selector_null"
    android:gravity="center"
    android:textColor="@drawable/radio_selector_text"/>

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="15dp"
    android:text="Kos"
    android:padding="15dp"
    android:background="@drawable/radio_selector"
    android:button="@drawable/radio_selector_null"
    android:gravity="center"
    android:textColor="@drawable/radio_selector_text"/>

radio_selector_null.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="@android:color/transparent" />
</selector>

radio_selector.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="@drawable/radio_pill_true" />
    <item android:state_checked="false"
        android:drawable="@drawable/radio_pill_false" />
</selector>

radio_pill_true.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">`
    <solid android:color="?colorPrimary" />  <-- Green
    <corners android:radius="50dp" />
</shape>

radio_pill_false.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">`
    <solid android:color="#F3F3F3" />  <-- White
    <corners android:radius="50dp" />
</shape>

radio_selector_text.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/white" />
    <item android:state_checked="false"
        android:drawable="@color/black_28" />
</selector>

Solution

  1. The radio_selector_text.xml file should be present in color/ res directory and not in drawable/ directory
  2. The colors in the file should defined using android:color="@color/black_28"

Answered By – Nikhil Bansal

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published