How do I remove extra space above and below imageView?

Question

I have a really simple image within a RelativeLayout and for some reason I am getting extra spacing on the top and bottom which I can't remove. How can I clear it out?

Here is what it looks like:

Image from Eclipse preview

Here is the code:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:src="@drawable/slice11pp" />
</RelativeLayout>

score 289 · Accepted Answer · edited Jan 10 '19 at 04:33

289

Try this

android:adjustViewBounds="true"

edited Jan 10 '19 at 04:33

AskNilesh

67,701
16
123
163

answered Mar 03 '14 at 10:34

Sagar V.

3,567
1
19
14

in my code this work only with 'android:layout_width="match_parent" android:layout_height="match_parent"' – Tapa Save Jan 26 '17 at 12:43

score 10 · Answer 2 · edited Jan 10 '19 at 04:33

10

In your above imageView just add android:scaleType="fitXY"

edited Jan 10 '19 at 04:33

AskNilesh

67,701
16
123
163

answered Mar 28 '13 at 08:38

Kosh

6,140
3
36
67

2

change it to ´android:scaleType="fitXY"´ – user1616685 Aug 19 '13 at 21:10
5

This will alter the aspect ratio and make things look stretched or squished. – Cory Roy Jul 22 '15 at 23:23

score 5 · Answer 3 · answered Mar 28 '13 at 07:55

Your problem is probably that you have no scale type set... Add it to the XML for the ImageView, "fitCenter" should be correct, but there are others, check: ScaleType.

<ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:src="@drawable/slice11pp"
            android:scaleType="fitCenter" />

In my case, I also needed to set android:adjustViewBounds="true", as its explained in this question: http://stackoverflow.com/questions/9701685/empty-space-above-imageview?rq=1 — AlvaroSantisteban, Dec 10 '13 at 22:38

score 5 · Answer 4 · answered Jan 29 '16 at 00:35

Must be enough adding the property:

android:adjustViewBounds="true"

for example:

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/slice11pp"
        android:adjustViewBounds="true" />

Amol Suryawanshi · Answer 5 · 2017-02-14T11:04:36.223

3

If your image view height is match_parent, even if you set android:adjustViewBounds="true" ImageView will add some extra blank space at top and bottom side. so, change ImageView height to wrap_content and set android:adjustViewBounds="true"

for example

<ImageView
  android:id="@+id/img_view"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:adjustViewBounds="true"/>

edited Feb 14 '17 at 11:04

answered Feb 14 '17 at 10:50

Amol Suryawanshi

2,108
21
29

score 3 · Answer 6 · answered Apr 17 '19 at 22:19

Use drawable-nodpi folder if there is no specific requirement for images. Then android: adjustViewBounds = "true" acts as the default.

If you use drawable-nodpi you don't need to set android:adjustViewBounds = "true".

I think this is the most effortless method.

Akhila · Answer 7 · 2018-08-27T12:56:34.633

2

android:scaleType="centerCrop" by adding this

<ImageView
    android:id="@+id/image"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:src="@drawable/temp_image"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop"/>

works for me Before and After Image

edited Aug 27 '18 at 12:56

answered Aug 20 '18 at 19:57

Akhila

3,235
1
14
30

score 2 · Answer 8 · edited Jun 16 '20 at 08:49

2

this line of code will solve the problem

android:adjustViewBounds="true"

don't forget to rotate the image

edited Jun 16 '20 at 08:49

Arghya Sadhu

41,002
9
78
107

answered Jun 16 '20 at 08:10

Ashraf Ezouli

29
3

1

This has been answered years before! – Eduard Unruh Dec 31 '20 at 14:52

score 0 · Answer 9 · answered Jul 01 '15 at 12:52

0

just add ScaleType="fitxy" inside the Image view

answered Jul 01 '15 at 12:52

ananda velu v

13
3

score 0 · Answer 10 · answered Apr 06 '17 at 07:23

0

Try this

<ImageView
     (...)
     android:adjustViewBounds="true" />

answered Apr 06 '17 at 07:23

Pankaj Talaviya

3,328
28
31

score 0 · Answer 11 · answered Mar 03 '18 at 10:25

this is the perfect solution

 <ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:scaleType="fitXY"
/>

it will not leave any extra single dp in any side. however the image will be distorted if it is not portrait image.

How do I remove extra space above and below imageView?

11 Answers11

Linked