how drawable folder to use to fit background images

Question

i am using API 16 (Jellybean), 4.0 WVGA (480x800: hdpi)

and i am trying to set a 480x800 image in background

i put a image in "drawable-hdpi" but this image is not fitting in background, why this is not fitting in background when i am using 4.0 WVGA (480x800: hdpi) and same as image size

how drawable works to fit image:

this is my code:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.newapp.Firstscreen$PlaceholderFragment" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/background" />

</RelativeLayout>

see screenshot:

http://s15.postimg.org/u8rkm6rhn/frghfghfgh.png

the other question is why aren't you setting your background to RelativeLayout `` — A.S., Mar 20 '14 at 09:42
Remove all paddings from your RelativeLayout and use `android:background` instead of `android:src` — Phantômaxx, Mar 20 '14 at 09:47

Kanwaljit Singh · Answer 1 · 2014-03-20T09:51:45.117

1

Change Height and Width of ImageView to match_parent.

<ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/background" />

Edit-

Complete code-

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.newapp.Firstscreen$PlaceholderFragment" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/background" />

</RelativeLayout>

edited Mar 20 '14 at 09:51

answered Mar 20 '14 at 09:44

Kanwaljit Singh

4,339
2
18
21

1

Do not forget to delete the padding from the super `RelativeLayout` – A.S. Mar 20 '14 at 09:45
Yes @A.S. is right but little value of padding is Ok. Like 5dp. – Kanwaljit Singh Mar 20 '14 at 09:47
1

If you want to fill complete screen then remove all padding attributes in RelativeLayout. – Kanwaljit Singh Mar 20 '14 at 09:49

score 1 · Accepted Answer · answered Mar 20 '14 at 09:44

You could either do it this way

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"     
    tools:context="com.example.newapp.Firstscreen$PlaceholderFragment" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_paren"
        android:layout_height="match_paren"
        android:scaleType="fitXY"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/background" />

</RelativeLayout>

OR

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:background="@drawable/background"
        tools:context="com.example.newapp.Firstscreen$PlaceholderFragment" >
<!-- CONTENT HERE -->
</RelativeLayout>

Thanx: This worked well "android:background="@drawable/background"" — user3441251, Mar 20 '14 at 10:00

score 0 · Answer 3 · answered Mar 20 '14 at 09:47

0

Add this line to your ImageView

 android:scaleType="fitXY"

and set the width and height as match_parent.

answered Mar 20 '14 at 09:47

suresh kumar

193
1
10

how drawable folder to use to fit background images

3 Answers3