How to decrease radio button drawable size?

Question

I have four radio button.

xml source

<RadioButton
    android:id="@+id/fragBtn1"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:background="@drawable/btn_bg_selector"
    android:button="@null"
    android:drawableTop="@drawable/btn_img_selector" />

btn_img_selector

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/selected_btn" android:gravity="center" android:state_checked="true"/>
    <item android:drawable="@drawable/nonselected_btn" android:gravity="center"/>
</selector>

btn_bg_selector

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/btnPressed" android:state_pressed="true"/>
    <item android:drawable="@color/btnNonPressed"/>
</selector>

But button image is too big.
I want to decrease a button image size only..(not decrease button size)
For example, I want to scale a button image size 30px * 30px.
Is it possible?

This might help you. http://stackoverflow.com/questions/5547412/how-to-decrease-radio-button-size-in-android — Karthikeyan, May 25 '15 at 11:28
I don't wanna a decrease button size! only button image size... — SaeHyun Kim, May 25 '15 at 11:39
I find this solution, see my answer here [https://stackoverflow.com/a/44310577/6112256](https://stackoverflow.com/a/44310577/6112256) — Orlay Garcia Duconge, Jun 01 '17 at 14:44

score 8 · Answer 1 · answered Jun 02 '17 at 13:03

8

Sclae the button

<RadioButton
        android:scaleX="0.75"
        android:scaleY="0.75" />

answered Jun 02 '17 at 13:03

Heena Arora

739
8
18

1

It adds extra margin on left – Tasneem Mar 22 '18 at 11:50
@Tanseem: give negative margin on left – Jafar Sadiq SH Jul 15 '18 at 09:08

score 3 · Answer 2 · answered Feb 22 '16 at 10:12

3

Finally found the correct solution :

Step 1 : Use your @drawable/selected_btn or @drawable/nonselected_btn as an INSET DRAWABLE .

Step 2 : Provide padding as desirous.

Step 3 : Yuhuuuu !! You've decreased the size of the radio button image.

answered Feb 22 '16 at 10:12

Sarasranglt

3,819
4
23
36

score 0 · Answer 3 · answered May 25 '15 at 11:25

0

If you want to do it correctly , you should resize your assets accordingly. Otherwise, i'm not sure how to drecrease the button image size without decreasing the button by itself

answered May 25 '15 at 11:25

FOliveira

558
4
9

score 0 · Accepted Answer · answered May 27 '15 at 11:50

I can't find a solution.
But I find a another solution.

xml source

<RadioButton
    android:id="@+id/fragBtn1"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:background="@drawable/btn_bg_selector"
    android:button="@null"
    android:drawableLeft="@drawable/btn_selector" />

MyActivity.java

@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);

    BitmapDrawable bd = (BitmapDrawable) this.getResources().getDrawable(R.drawable.mybtn);

    int iconWidth = bd.getBitmap().getWidth();
    int leftPadding = (btn.getWidth() / 2) - (iconWidth / 2);

    btn.setPadding(leftPadding, 0, 0, 0);
}

How to decrease radio button drawable size?

xml source

btn_img_selector

btn_bg_selector

4 Answers4

xml source

MyActivity.java

Linked