Android ImageView缩放较小的图像到宽度，具有灵活的高度，不会裁剪或失真

Question

经常问，从不回答（至少不是以可复制的方式）。

我有一个图像视图，图像比视图小。我想按屏幕宽度缩放图像，并调整ImageView的高度，以反映图像的比例正确的高度。

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
/>

这导致图像以其原始大小为中心（比屏幕宽度小），边缘在侧面。不好。

所以我补充说

android:adjustViewBounds="true" 

同样的效果，不好。我补充说

android:scaleType="centerInside"

一样的效果，不好。我将center更改为FitCenter。一样的效果，不好。我将centerIn更改为centerCrop。

android:scaleType="centerCrop"

现在，最后，图像缩放到屏幕的宽度——但是在顶部和底部裁剪！所以我把centerCrop改成了FitXY。

android:scaleType="fitXY"

现在，图像缩放到屏幕宽度，但不在y轴上缩放，从而导致图像失真。

删除android:adjustViewBounds=“true”无效。正如其他地方建议的那样，添加一个android:layou-gravity，同样没有效果。

我试过其他的组合，但没有用。那么，请问有谁知道：

您如何设置ImageView的XML来填充屏幕的宽度，缩放较小的图像来填充整个视图，以其宽高比显示图像而不失真或裁剪？

编辑：我还尝试设置任意数字高度。这仅对centerCrop设置有效。它将根据视图高度垂直扭曲图像。

Answer 1

在XML布局标准中没有可行的解决方案。

对动态图像大小做出反应的唯一可靠方法是在代码中使用LayoutParams。

令人失望。

Answer 2

我和你有同样的问题。在尝试了30分钟不同的变体后，我用这种方法解决了这个问题。它为您提供了灵活的高度和宽度，可根据父级宽度进行调整

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

Answer 3

我已经解决了这个问题，通过创建一个java类，你包括在您的布局文件：

public class DynamicImageView extends ImageView {

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

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

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

现在，您可以通过将您的类添加到布局文件来使用它：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <my.package.name.DynamicImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:src="@drawable/about_image" />
</RelativeLayout>