How to delete Additional space ImageView in Android

Question

I want use ImageView in my project, but it shows additional space in the layout. How can I remove the additional space?

This image shows the problem:

XML 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="wrap_content"
    tools:context="com.tellfa.smsbox.activities.Dialog_image_show">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:src="@drawable/cover_menu_bg" />

    </RelativeLayout>

</RelativeLayout>

I don't want use android:scaleType="centerCrop".

check here http://stackoverflow.com/questions/10826422/imageview-fills-parents-width-or-height-but-maintains-aspect-ratio/20477655#20477655 — Context, Dec 07 '15 at 08:22
@Stankovitch, tnx my dear friend. i fix it by this code : `android:scaleType="fitStart" android:adjustViewBounds="true"` — Dre.Dre666, Dec 07 '15 at 08:25

score 1 · Accepted Answer · answered Dec 07 '15 at 08:24

1

Use the imageview like these

<ImageView
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:adjustViewBounds="true"
   android:src="@drawable/icon"
   android:id="@+id/imv"
   android:scaleType="fitCenter" />

answered Dec 07 '15 at 08:24

Ravindra Kushwaha

7,846
14
53
103

tnx my dear friend for this help <3 – Dre.Dre666 Dec 07 '15 at 08:28
@Dre.Dre666 wc dost :) – Ravindra Kushwaha Sep 23 '16 at 10:56

score 1 · Answer 2 · answered Dec 07 '15 at 08:26

Try this custom ImageView class

public class ResizableImageView extends ImageView {

    public ResizableImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        Drawable d = getDrawable();

        if(d!=null){
            // ceil not round - avoid thin vertical gaps along the left/right edges
            int width = View.MeasureSpec.getSize(widthMeasureSpec);
            int height = (int) Math.ceil((float) width * (float) d.getIntrinsicHeight() / (float) d.getIntrinsicWidth());
            setMeasuredDimension(width, height);
        }else{
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

}

And use this class as below

<your_package.ResizableImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:src="@drawable/cover_menu_bg" />

tnx my dear friend for this help <3 – Dre.Dre666 Dec 07 '15 at 08:28 — Dre.Dre666, Dec 07 '15 at 08:28
working, however two textviews won't works for big image – deadfish Mar 14 '16 at 12:27 — deadfish, Mar 14 '16 at 12:27

score 0 · Answer 3 · answered Mar 14 '16 at 21:12

For anyone looking for solution for both orientations. Here is my approach with samples:

First, my xml:

<?xml version="1.0" encoding="utf-8"?>
<com.example.michal.fillimageview.CustomLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="#f0f000"
    android:orientation="vertical">

    <com.example.michal.fillimageview.ResizableImageView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:src="@drawable/p600_900" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/background_dark"
        android:text="Hello World!"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="30sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/background_dark"
        android:text="Hello World!"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="30sp" />

</com.example.michal.fillimageview.CustomLinearLayout>

Class:

public class ResizableImageView extends ImageView {

    public ResizableImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Drawable d = getDrawable();

        if (d != null) {
            // ceil not round - avoid thin vertical gaps along the left/right edges
            int width = View.MeasureSpec.getSize(widthMeasureSpec);
            int height = View.MeasureSpec.getSize(heightMeasureSpec);

            if (height > width) {//portrait
                if (d.getIntrinsicWidth() > d.getIntrinsicHeight()) {
                    height = (int) Math.ceil((float) width * (float) d.getIntrinsicHeight() / (float) d.getIntrinsicWidth());
                    setMeasuredDimension(width, height);
                } else {
                    width = (int) Math.ceil((float) height * (float) d.getIntrinsicWidth() / (float) d.getIntrinsicHeight());
                    setMeasuredDimension(width, height);
                }
            } else {//landscape
                width = (int) Math.ceil((float) height * (float) d.getIntrinsicWidth() / (float) d.getIntrinsicHeight());
                setMeasuredDimension(width, height);
            }

        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }
}

Samples for specific images:

600x900 portrait

600x900 landscape

800x600 portrait

800x600 landscape

How to delete Additional space ImageView in Android

3 Answers3

Linked