Removing space above and below ImageView in Android

Question

Hello I need help as i Am adding an ImageView in my android xml file and i get an extra space above and below it i have tried to see the options that i can use to remove it one of them was adding android:adjustViewBounds="true" but when i do that that it removes my action Bar completely below 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"
    tools:context="com.example.fred.yebo.MainFragment">

  <ImageView
      android:id="@+id/yeboAdd"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:src="@drawable/dice"

      />

</RelativeLayout>

android:scaleType="fitXY" but it can make your image stretch. — Nitin Mali, Mar 09 '16 at 08:58
It doesn't work it stretches the image and loose the resolution — user3551487, Mar 09 '16 at 09:02
there are normally two solutions for this first is fitXy which will stretch your image and second is you should use wrap_content width instead of match parent — Vivek Mishra, Mar 09 '16 at 09:05
I changed the codes to wrap_content and still the image doent look fine @VivekMishra — user3551487, Mar 09 '16 at 09:10
you can't make it look fine unless you hardcode image width and height — Vivek Mishra, Mar 09 '16 at 09:12

score 0 · Answer 1 · answered Mar 09 '16 at 08:58

0

You can try with scaleType property of your imageView

android:scaleType="fitXY"

this line scale your image with size of your container.There are a few properties of scaleType you can try which will be better for your case.Hope to help you!

answered Mar 09 '16 at 08:58

Kristiyan Varbanov

2,439
2
17
37

i think you must set some values to width and height to your imageview or at least set width to wrap_content, because the way you do this the image can`t look fine and will be stretch. – Kristiyan Varbanov Mar 09 '16 at 09:17

score 0 · Accepted Answer · edited May 23 '17 at 12:08

0

Try this attribute :

android:adjustViewBounds="true"

automatically scales the height of the View.

<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.fred.yebo.MainFragment">

    <ImageView
        android:id="@+id/yeboAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/cal" />

</RelativeLayout>

Please check this answer.

edited May 23 '17 at 12:08

Community

1
1

answered Mar 09 '16 at 09:01

Amit Vaghela

22,772
22
86
142

I have tried This but it removes the bar and the image place itself at the top – user3551487 Mar 09 '16 at 09:07
you might be doing something wrong otherwise this is working fine. what problem you are facing now ? – Amit Vaghela Mar 09 '16 at 09:13
The Problem That i face is that applying `android:adjustViewBounds="true"` removes the top bar – user3551487 Mar 09 '16 at 09:16
have you check mentioned link in my answer ? @user3551487 – Amit Vaghela Mar 09 '16 at 09:42
that is correct approach. when you resize image it will be solved after adding this attributes to imageview. – Amit Vaghela Mar 09 '16 at 09:54
inform me if still having issues. @user3551487 – Amit Vaghela Mar 09 '16 at 09:58
what was problem with this answer ? @user3551487 – Amit Vaghela Mar 09 '16 at 10:14

Hiren Patel · Answer 3 · 2016-03-09T09:44:29.343

-1

<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.fred.piku.MainFragment">

    <ImageView
        android:id="@+id/pikuAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/dice" />

</RelativeLayout>

edited Mar 09 '16 at 09:44

answered Mar 09 '16 at 09:09

Hiren Patel

52,124
21
173
151

it stretches the image and loose it resolution @Hiren Patel – user3551487 Mar 09 '16 at 09:11
@user3551487, what happen ? – Hiren Patel Mar 09 '16 at 09:36
makes the top bar disappear – user3551487 Mar 09 '16 at 09:41
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/105782/discussion-between-hiren-patel-and-user3551487). – Hiren Patel Mar 09 '16 at 09:47

Removing space above and below ImageView in Android

3 Answers3