set Background Image and xml Resource

Question

I am using the following below code to round the corners of RelativeLayout. I save this as mybackground.xml in drawable folder.
It's working fine for rounding the corner but the problem is that I also want to add an transparent image as a background of my RelativeLayout. How can I achieve both things? How can I use an image and a drawable xml (for rounding the corner) at the same time for a RelativeLayout ...

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

score 18 · Answer 1 · edited Mar 21 '13 at 10:31

18

use Layer List and Item tag for setting Image and use solid tag and set the color as #AA000000 for transparent as shown below

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
           android:shape="rectangle" android:padding="10dp">
      <solid android:color="#AA000000"/>
      <corners android:bottomRightRadius="30dp"
               android:bottomLeftRadius="30dp" 
               android:topLeftRadius="30dp"
               android:topRightRadius="30dp" />
    </shape>
  </item>
  <item>
    <bitmap android:src="@drawable/yourfilename"/>
  </item>
</layer-list>

edited Mar 21 '13 at 10:31

JJD

50,076
60
203
339

answered Jul 07 '11 at 11:36

Sankar Ganesh PMP

11,927
11
57
90

hi thanks a lot its working fine all of above comments guide me . . . . . – aftab Jul 07 '11 at 12:19
1

awesome, i used this method to provide a rounded corner to a fragment.. thanks – amithgc May 21 '13 at 06:20
@AmithGC: Thanks for the encouragement and support dude,:) – Sankar Ganesh PMP May 21 '13 at 09:14

Henry Pootle · Accepted Answer · 2011-07-07T11:46:31.607

6

You can use Layer-List

It will be like this

<?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="30dp"
             android:bottomLeftRadius="30dp" android:topLeftRadius="30dp"
             android:topRightRadius="30dp" />
    </shape>
  </item>
  <item><!-- your transparent image --></item>
 </layer-list>

edited Jul 07 '11 at 11:46

answered Jul 07 '11 at 11:41

Henry Pootle

1,196
1
11
30

And set this new drawable as background of your RelativeLayout – Henry Pootle Jul 07 '11 at 11:42

score 2 · Answer 3 · answered Jul 21 '14 at 19:04

This one works. If you dont round corners of your pic you will not be able to see rounded corner too. Some friends talked about this in previous answers. They should round their image to see round effect.

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

score 1 · Answer 4 · answered Jul 07 '11 at 11:42

Try something like this:

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

set Background Image and xml Resource

4 Answers4

Linked