Alignment of text on button

Question

I am creating a custom button. I want to set the position of text on button.

• I have two background images for button (button_off and button_on) first is for normal button and second is for onFocus / onPressed state.

• Now I have to put text on button then it should look like:

But i am unable to set the exact position of the text on this background button image. Please share your suggestion to solve this issue.

Answer 1

You can try using 9-patch image as a background. More information on this here: http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch

Answer 2

You can set these properties in XML file, `

<Button
    android:id="@+id/button1"
    android:layout_width="120dp"
    android:layout_height="wrap_content"
    android:drawablePadding="5dp"
    android:drawableLeft="@android:drawable/ic_lock_lock"
    android:text="All" 
    android:gravity="center"/>

`

Answer 3

Align the text , use gravity option ! or try with padding