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.