How to create an iOS style arrow button in Android?

Question

I am partial to dual use buttons in iOS, like in the image below:

How can I create these types of buttons in Android? In other words, the entire button must be clickable, the arrow must be right-aligned and the text of the button must be left aligned.

I tried playing with a regular Button widget, but no luck. Do I have to resort to a Table layout (but then the clickability would be lost).

Answer 1

You will need customized shape background for the Button

You can find customizing shape here.

Set that background to the Button from xml, and for showing arrow, you will need to add arrow.png to your project drawables.

you will add attribute to button like this:

<Button android:backround="@drawable/cell_background"
android:drawableRight="@drawable/arrow" ...  />