Question

I’m trying to add a background texture and a border to a button. But i’m not able to se both the things on my button.

with this i have my background image

<item>
 <bitmap android:src="@drawable/button_background" android:tileMode="repeat" />
 </item>

and with this i sould have a border

<corners android:radius="5dp" />
  <stroke android:width="3px" android:color="#FFFFFF" />

i tried to combine them using both <shape> and <layer-list> but i can get either the border or the background texture.

Answer 1

9patches are generally very good for this situation (make sure to use the draw9patch tool in the tools directory of your SDK), but if you don’t want to create your own graphics (bear in mind you’ll need to make several versions for each resolution) and want to use XML, you can do something like this:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#ef4444" />
            <stroke
                android:width="1dp"
                android:color="#992f2f" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#ef4444"
                android:endColor="#992f2f"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#992f2f" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

Source: http://www.dibbus.com/2011/02/gradient-buttons-for-android/