How to size an Image of a button?

Question

I have the following Layout

            <Button
                android:layout_width="fill_parent"
                android:layout_height="75dp"
                android:drawableLeft="@drawable/binocular"
                android:gravity="left|center_vertical"
                android:text="search" />

and it looks like :

The picture is too large. I simply want to align the image to the left with the corredct size, so it fits with the height of the button.

I know I could adjust the bound of the image by code. But I would like to know, if there is a way to do with layout specification.

There is a solution mentoined : how to change a drawableLeft icon size on a button? (accepted answer)

I guess this is the correct one, but I do not understand , where to put the layer-list and how to reference it in the button.

Can someone help ?

create a new drawable file in **res/drawable** folder – AskNilesh Dec 05 '17 at 13:50 — AskNilesh, Dec 05 '17 at 13:50

score 1 · Accepted Answer · answered Dec 05 '17 at 13:49

1

You have to create new drawable xml file and there put layer-list code. For example button_background.xml.

Then set on button this drawable

android:drawableLeft="@drawable/button_background"

answered Dec 05 '17 at 13:49

mac229

4,319
5
18
24

Wow. Thats it. Thanks a lot. Someone downvoted yours, I upvoted your correct answer. Have to wait 10 minutes to accept. Thanks – mcfly soft Dec 05 '17 at 13:50
@mcflysoft If it is correct answer you can set as corrected with check mark, to close question. Happy coding :) – mac229 Dec 05 '17 at 13:53

score 1 · Answer 2 · edited Dec 05 '17 at 17:45

1

Set the scaleType attribute on the ImageButton

<ImageButton android:id="@+id/iconBtn"
  android:layout_width="64dip"
  android:layout_height="64dip"
  android:src="@drawable/binocular"
  android:scaleType="fitCenter"
  android:background="#00000000"/>

edited Dec 05 '17 at 17:45

Jon

9,156
9
56
73

answered Dec 05 '17 at 13:50

Nirav Joshi

1,713
15
28

score 0 · Answer 3 · answered Dec 05 '17 at 13:53

use ImageButton with these properties

<ImageButton
        android:id="@+id/button_topleft"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="0dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:padding="20dp"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"        
 />

padding plays very important role in sizing the image after scaleType fails.

hope this will help you.

How to size an Image of a button?

3 Answers3