Android. Layout background stretches

Question

I want to place a background image in a RelativeLayout. The background image has got some objects in it, like a chair, a table, some cards, etc.

android:background="@drawable/remy_menu_background" but the damn thing stretches according the the screen, the cards and table look stretched.

How should i go about doing this, so it looks ok on any screen?

May be the same case : http://stackoverflow.com/questions/8202647/setting-a-background-image-to-a-view-stretches-my-view — MKJParekh, Jul 12 '12 at 09:27

score 9 · Accepted Answer · answered Jul 12 '12 at 09:06

9

You can use an XML drawable that uses the tag to disable the stretching:

<bitmap android:src="@drawable/background" android:gravity="center" />

answered Jul 12 '12 at 09:06

Romain Guy

97,993
18
219
200

3

hmm. I've tried this but it crashes the app. In the Graphical Layout tab, on the menu xml it says "The following classes could not be found:- bitmap (Fix Build Path, Edit XML)" Any ideas on what i'm doing wrong? – AndreiBogdan Jul 12 '12 at 09:22
2

add android:scaleType="fitCenter" or "center" – Houcine Jul 12 '12 at 09:29
2

@AndreiBogdan This XML file goes in res/drawable, not in res/layout. – Romain Guy Jul 13 '12 at 01:40
doesn't work if the image is smaller than the screen – Sam Oct 23 '15 at 10:17

score 2 · Answer 2 · answered Nov 29 '13 at 05:29

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
    android:id="@+id/main_backgroundImage"
    android:layout_width="match_parent" // comment: stretches picture in the width if too small. 
                                           use "wrap_content" does not stretch, but leaves space
    android:layout_height="match_parent" // in my case I always want the height filled
    android:layout_alignParentTop="true"
    android:scaleType="centerCrop" // will crop picture left and right , so it fits in height and keeps aspect ratio
    android:contentDescription="@string/image"
    android:src="@drawable/your_image" />

<LinearLayout
    android:id="@+id/main_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
</LinearLayout>

score 1 · Answer 3 · answered Jul 12 '12 at 09:14

1

You can use .9.png images in such situation and can specify which area of the image should stretch and which should not. You can convert any png into .9.png using "draw9patch" tool available under 'tools' folder inside android-sdk.

answered Jul 12 '12 at 09:14

Vipul J

6,641
9
46
61

Android. Layout background stretches

3 Answers3