Add a background image to shape in XML Android Add a background image to shape in XML Android android android

Add a background image to shape in XML Android


Use following layerlist:

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >    <item>        <shape android:shape="rectangle" android:padding="10dp">            <corners                 android:bottomRightRadius="5dp"                 android:bottomLeftRadius="5dp"                 android:topLeftRadius="5dp"                 android:topRightRadius="5dp"/>         </shape>   </item>   <item android:drawable="@drawable/image_name_here" /></layer-list>


I used the following for a drawable image with a circular background.

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item>        <shape android:shape="oval">            <solid android:color="@color/colorAccent"/>        </shape>    </item>    <item        android:drawable="@drawable/ic_select"        android:bottom="20dp"        android:left="20dp"        android:right="20dp"        android:top="20dp"/></layer-list>

Here is what it looks like

enter image description here

Hope that helps someone out.


This is a circle shape with icon inside:

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/ok_icon"/>    <item>        <shape                android:shape="oval">            <solid android:color="@color/transparent"/>            <stroke android:width="2dp" android:color="@color/button_grey"/>        </shape>    </item></layer-list>