How can I get an ImageView to fill parent on a relative layout?

Question

I am attempting to stretch a 300x300 image to fill the parent as a background for a sample layout. However, it seems that at most it can reach it's max dimensions as a perfect square. Here is my code.

<ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/app_background"
        android:scaleType="fitCenter"
        android:adjustViewBounds="true"/>

There is still white space at both the top and bottom of the app and I want to eliminate that. Any and all solutions to this dilemma would be greatly appreciated.enter image description here

why not setting parent's `android:background` to `@drawable/app_background`? **EDIT**: as @Chisko suggested you can also use `android:scaleType="fitXY"` in your `ImageView` — Stefan Golubović, Mar 19 '18 at 21:56
play around with `android:scaleType`, the `fitCenter` current option is the responsible of the "perfect sqaure" thing — Chisko, Mar 19 '18 at 21:59
OMG thank you Stefan Golubovic! I would have never known about this Without your help. — Tim Slim, Mar 19 '18 at 22:05

score 0 · Answer 1 · answered Mar 19 '18 at 22:00

0

Use match_parent

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/app_background"
    android:scaleType="fitCenter"
    android:adjustViewBounds="true"/>

answered Mar 19 '18 at 22:00

Pedro Massango

4,114
2
28
48

`fill_parent` is the same as `match_parent`. – Jeffrey Blattman Mar 19 '18 at 22:02
When I tried using that it didn't work, but I found another solution. Thanks. – Tim Slim Mar 20 '18 at 15:43

score 0 · Answer 2 · answered Mar 19 '18 at 22:01

Worked for me:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="org.jtb.stretchtest.MainActivity">

  <ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitCenter"
    android:src="@drawable/test"/>
</RelativeLayout>

score 0 · Answer 3 · answered Mar 19 '18 at 22:04

0

Check if the parent element has paddings.

Set Android padding of the parent widget to 0dp Eg: android:padding = "0dp"

answered Mar 19 '18 at 22:04

Nomeh Uchenna Gabriel

104
10

score 0 · Answer 4 · answered Mar 19 '18 at 22:05

0

This works for me:

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

answered Mar 19 '18 at 22:05

ruben

1,745
5
25
47

How can I get an ImageView to fill parent on a relative layout?

4 Answers4