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
– Susmit Agrawal, Commented Aug 19, 2018 at 8:32

Gokul Nath KP · Accepted Answer · 2018-08-19 08:40:42Z

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, 2018 at 8:40

Gokul Nath KP

15.6k25 gold badges94 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

androidnewbie Over a year ago

I am trying to add an ImageView on button, but the image cannot be shown. Do you know why?

Collectives™ on Stack Overflow

Adding multiple images and text in a button

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related