How to change a drawableLeft icon size?

Question

I have look for some solution how to change a drawableLeft icon size on a button?, but it's not work for me .

My button layout:

<RelativeLayout
        android:id="@+id/twoButtonLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#eceef5"
        android:visibility="visible">

        <Button
            android:id="@+id/goToPersonalPage"
            android:layout_width="150dp"
            android:layout_height="50dp"
            android:layout_marginLeft="31dp"
            android:drawableLeft="@drawable/drawable_left_green"
            android:paddingLeft="18dp"
            android:drawablePadding="-10dp"
            android:background="@drawable/button_oval"
            android:text="ICon"
            android:textColor="#29395e"
            android:textSize="18dp" />

        <Button
            android:id="@+id/logOutPersonal"
            android:layout_width="150dp"
            android:layout_height="50dp"
            android:layout_alignParentRight="true"
            android:layout_marginRight="30dp"
            android:background="@drawable/button_oval"
            android:text="@string/logOut"
            android:textColor="#29395e"
            android:textSize="18dp" />

    </RelativeLayout>

I adjust the size of button by drawable_left_green.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    // I think it should be more smaller if i set 15sp.
    <item
        android:drawable="@mipmap/ic_launcher"
        android:width="15sp"
        android:height="15sp"
        />

</layer-list >

When i compile the project it (photo2)doesn't look like the preview layout(photo1):

I can't figure out why it's happen like this , some one can teach me how to fix it ? Any help would be appreciated , thanks in advance.

consider this link https://stackoverflow.com/a/7538641/7104450 — Shashank Verma, Jun 16 '17 at 08:03
And you can also use fancy button for this type of task its very good library here is the link https://github.com/medyo/Fancybuttons — Shashank Verma, Jun 16 '17 at 08:06
If you set 15sp that your preview should like the first image . — Morton, Jun 16 '17 at 08:25
@ShashankVerma , thanks for your help , i find the answer from the link , i did not expect how complicated if i want to adjust the drawableLeft size. — Morton, Jun 16 '17 at 08:29
Try this https://stackoverflow.com/questions/7538021/how-can-i-shrink-the-drawable-on-a-button — Ashutosh Tripathi, Jun 16 '17 at 08:44
@徐博俊 okay bro no prob....its very good my comment help you.... — Shashank Verma, Jun 16 '17 at 08:51

Shashank Verma · Accepted Answer · 2017-07-12T09:55:17.980

4

You get the answer from my link but i thought to give you in answer so it will help others.

Setting scaled drawable in code

 Drawable drawable = ContextCompat.getDrawable(YourActivity.this,R.drawable.akshay);
drawable.setBounds(0, 0, (int)(drawable.getIntrinsicWidth()*0.5), 
                     (int)(drawable.getIntrinsicHeight()*0.5));
ScaleDrawable sd = new ScaleDrawable(drawable, 0, scaleWidth, scaleHeight);
Button btn = findViewbyId(R.id.yourbtnID);
btn.setCompoundDrawables(sd.getDrawable(), null, null, null);

edited Jul 12 '17 at 09:55

answered Jun 16 '17 at 09:12

Shashank Verma

284
4
19

require API 23 and higher ? – sasan Jul 09 '17 at 08:36
is it saying Drawable drawable = getResources().getDrawable(R.drawable.akshay); getDrawable depricated @sasan – Shashank Verma Jul 12 '17 at 06:25
thank u for attention , I'll try this – sasan Jul 12 '17 at 07:01
what does this code do ? – Zulqurnain Jutt Jun 11 '18 at 09:14
Did you see the question? – Shashank Verma Jun 11 '18 at 09:51
Do we really need ScaleDrawable? `drawable.setBounds()` scales original drawable, so it can be used directly in `setCompoundDrawables()` – gmk57 Aug 22 '18 at 15:15
You don't need API 23 and you don't need ScaleDrawable. The drawable setBounds resize the icon directly to use in setCompoundDrawable – BabyishTank May 01 '20 at 17:26

How to change a drawableLeft icon size?

1 Answers1