How to set an image to RelativeLayout Background

Question

I have a RelativeLayout with 2 Buttons inside.

One Button has layout_alignParentLeft="true" property and the other button has layout_alignParentRight="true"

I want set a background on my RelativeLayout that show an image in the middle. I have a play.9.png in my drawable and use following code:

<RelativeLayout
    android:id="@+id/relativeLayout12"
    android:layout_width="fill_parent"
    android:layout_height="70dp" 
    android:background="@drawable/play" // background line
 >

    <Button
        android:id="@+id/bAbout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="but1" />

    <Button
        android:id="@+id/bSync"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="but2" />
</RelativeLayout>

But when i use background line, my Buttons miss their position

See the image below enter image description here

But i want my RelativeLayout be like this:

enter image description here

What is wrong?

can you please upload the `play.9.png` image ? even your code works fine for me — sunil, Jul 31 '12 at 11:20

score 5 · Accepted Answer · answered Jul 31 '12 at 11:22

finally i do it guys i used this code:

<RelativeLayout
    android:id="@+id/relativeLayout12"
    android:layout_width="fill_parent"
    android:layout_height="70dp" 
    android:background="@drawable/play" // background line
 >

    <Button
        android:id="@+id/bAbout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="but1" />

    <ImageView
         android:layout_width="fill_parent"
         android:layout_height="match_parent"
         android:scaleType="fitXY"
         android:src="@drawable/play" />

    <Button
        android:id="@+id/bSync"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="but2" />
</RelativeLayout>

and my result was like:

enter image description here

and this works. thanks everybody

score 0 · Answer 2 · answered Jul 31 '12 at 10:53

<RelativeLayout
android:id="@+id/relativeLayout12"
android:layout_width="fill_parent"
android:layout_height="70dp" 
android:background="@drawable/play" // background line
>

<Button
    android:id="@+id/bAbout"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="but1" />

<Button
    android:id="@+id/bSync"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="but2" />
</RelativeLayout>

no, its doesnt work. unfortunately my Buttons Horizontal position is missed too — aTa, Jul 31 '12 at 10:57

score 0 · Answer 3 · answered Jul 31 '12 at 10:54

0

I think you should remove

 android:layout_alignParentBottom="true"
 android:layout_alignParentTop="true"

from both the buttons and set the button height to 'fill_parent'.

answered Jul 31 '12 at 10:54

himanshu

1,990
3
18
36

How to set an image to RelativeLayout Background

3 Answers3