Android - Placing Image Above Text in Button

Place the following in your layout XML file, replacing [image] with your image:

1 2 3 4 5 6

<Button      android:id="@+id/groups_button_bg"      android:layout_height="wrap_content"      android:layout_width="wrap_content"      android:text="Groups"      android:drawableTop="@drawable/[image]" />

Using android:drawableTop="@drawable/...", we’re able to place an image abovethe button text. The following options are available for placing the image in different positions relative to the button text:

1 2 3 4

android:drawableLeft android:drawableRight android:drawableBottom android:drawableTop

In addition, android:drawablePadding can be used to specify the amount of padding between the image and button text.