Adding multiple images and text in a button

Question

I can now have a button that contains a single image icon and text, just like below (the red square is the image):

<Button
    android:id="@+id/btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="@drawable/shadow"
    android:drawableLeft="@drawable/redsquare"
    android:drawablePadding="6dp"
    android:text="Text goes here"
    android:textColor="@android:color/white"
    android:textSize="14dp"
    android:textAllCaps="false"
    android:gravity="left|center" />

However, I want to have the button as shown below (two small red squares are two different images):

I tried to add another drawable in the button, but the result is not as expected. May I ask how can I achieve the same result as above button, please?

Easiest way would be to define the UI in a layout XML, and add this line to the parent layout: `android:theme="@android:style/Widget.Button"`. I think `RelativeLayout` would be the best here. — Susmit Agrawal, Aug 19 '18 at 08:32

score 1 · Answer 1 · answered Aug 19 '18 at 08:40

1

Better approach would be to use an custom button or custom view with either ripple effect or custom button selector added to the view.

answered Aug 19 '18 at 08:40

Gokul Nath KP

15,485
24
88
126

I am trying to add an `ImageView` on button, but the image cannot be shown. Do you know why? – androidnewbie Aug 19 '18 at 09:31

Adding multiple images and text in a button

1 Answers1