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:drawableLeftandroid:drawableRightandroid:drawableBottomandroid:drawableTop |
In addition,
android:drawablePadding can be used to specify the amount of padding between the image and button text.