How to fill image in background without stretching?

Question

I want following type of background from my image:

This is NOT a duplicate question because I've tried following solutions:

What these answers suggest is use of following attributes of image view:

android:scaleType="..."

I've tried each available values for this. What I'm getting is:

Or a very small image in the center, if I use android:scaleType="center".

Following is my layout file for this activity:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.admin.georeminder.MainActivity">


<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/view"
    android:src="@mipmap/landscape"
    android:scaleType="centerCrop" />

</RelativeLayout>

So what am I missing here? Any help will be appreciated! Thanks

EDIT

I've also tried following combination:

android:scaleType="fitXY"
android:adjustViewBounds="true"

Instead of `match_parent` for width and height, use `wrap_content` — Alexandre, May 24 '17 at 18:05
This is because the picture dimensions (width and height) are smaller than the screen size. You need a picture image file with larger dimensions. — Alexandre, May 24 '17 at 18:08
Are you seeing this on layout designer or in device? Also, you should place images inside Res/drawable instead of Res/mipmap, mipmap is only for app launcher icons. — Alexandre, May 24 '17 at 18:13
yes it is same when I run the app. Should I change the location ? — Kaushal28, May 24 '17 at 18:15
@Kaushal28 When I keep the image in drawable folder it is working fine. Did you try that? — Krish, May 31 '17 at 12:18
Your question says that you're asking how to do FILL but in the picture you provided you are showing a centered image, not fill. Since you marked Alexandre's response as the answer I am assuming you did not want fill but rather center. In Android "centerCrop" is the tag used for fill and "center" is used for center. For a better understanding of terms see the Android documentation https://developer.android.com/reference/android/widget/ImageView.ScaleType — SendETHToThisAddress, Mar 26 '19 at 13:25

Alexandre · Accepted Answer · 2017-05-24T18:45:17.373

2

Place your image file in Res/drawable instead of Res/mipmap.

Res/mipmap is for app launcher icons only

Try this:

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:id="@+id/view"
    android:src="@drawable/landscape"
    android:scaleType="center" />

edited May 24 '17 at 18:45

answered May 24 '17 at 18:18

Alexandre

565
3
9

Yeah just replaced this image to `drawable` folder, but the result is same. – Kaushal28 May 24 '17 at 18:22
@Kaushal28 Updated – Alexandre May 24 '17 at 18:31

score 1 · Answer 2 · answered May 24 '17 at 18:02

1

use fitxy and use adjustviewbond=true

answered May 24 '17 at 18:02

Hadi Khezrpor

401
5
21

score 1 · Answer 3 · answered May 24 '17 at 18:07

1

Set scaleType with centerCrop and centerInParent in your imageview

    <ImageView 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"
    android:scaleType="centerCrop"
    android:id="@+id/view"
    android:src="@mipmap/landscape"       
    />

answered May 24 '17 at 18:07

sasikumar

12,540
3
28
48

sry but it is giving the same result as previous. just image is stretched vertical slightly. – Kaushal28 May 24 '17 at 18:12
set android:scaleType="fitXY" – sasikumar May 24 '17 at 18:15
I told I've tries all this combinations. – Kaushal28 May 24 '17 at 18:16
refer https://stackoverflow.com/questions/18342463/stretch-image-to-fit – sasikumar May 24 '17 at 18:19

score 1 · Answer 4 · answered Apr 19 '18 at 04:04

You could use FrameLayout and ImageView as background

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

<ImageView
    android:id="@+id/imgPlaylistItemBg"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:adjustViewBounds="true"
    android:maxHeight="0dp"
    android:scaleType="fitXY"
    android:src="@drawable/img_dsh" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >
</LinearLayout>
</FrameLayout>

How to fill image in background without stretching?

4 Answers4