ImageView src moves the image to center leaving sides visible when changing width and height

Question

Please don't mark this a duplicate, as I am unable to find the solution.

Hi, I am trying to add src image with some background color

Here is what I am doing

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="20dp"
android:background="@drawable/bg_layout_corners"
android:backgroundTint="@color/color_fbfbfa"
android:gravity="center">

<ImageView
    android:id="@+id/iv_dashboard_niggle"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:layout_centerHorizontal="true"
    android:layout_centerInParent="true"
    android:layout_centerVertical="true"
    android:scaleType="centerInside"
    android:background="@color/colorAccent"
    android:src="@drawable/niggle2_3_3_3" />

</RelativeLayout>

and here is the output I am getting

When I try to decrease the width or height of imageView, the actual image is placing at the center and some border is visible.

I also checked for scaleType="center", this is also not working

Please help me.

Possible duplicate of [Set ImageView width and height programmatically?](https://stackoverflow.com/questions/3144940/set-imageview-width-and-height-programmatically) — Jatin Bhatia, Aug 28 '18 at 12:40

Ashwini Saini · Answer 1 · 2018-08-29T04:41:01.470

0

The image that you wanted to set in a image view needed to be in the same aspect ratio to fit exactly without applying scaleType...

for example

If you want to set a square image that have height and width ratio 1:1 then ImageView ratio needs to be 1:1

Well but also we have ScaleType if images not according ratio then we can set scale type to match the size of image view by resizing our image

In your case it's completely depend on what you want to show.

If you don't want background border then simply set background color to transparent by using

android:background="@android:color/transparent"

Best way is define ImageView size according aspect ratio if you don't want to use scale type

edited Aug 29 '18 at 04:41

answered Aug 28 '18 at 12:40

Ashwini Saini

1,324
11
20

If i add fitXY it will stretch the image. But i dont want image to be streched – Poojashree Aug 28 '18 at 14:05
Why you have a background color if you don't want a background... Try setting background color to transparent – Ashwini Saini Aug 29 '18 at 04:26

score 0 · Answer 2 · answered Aug 28 '18 at 12:51

0

Hope this solves your problem.

iv_dashboard_niggle.setScaleType(ImageView.ScaleType.fitXY);

answered Aug 28 '18 at 12:51

Jatin Bhatia

248
4
15

score 0 · Answer 3 · answered Aug 28 '18 at 13:00

0

Set wrap_content as height for your relative layout. Then the space will go.

answered Aug 28 '18 at 13:00

Waseem

439
3
18

ImageView src moves the image to center leaving sides visible when changing width and height

3 Answers3