如何让ImageView宽度匹配缩放后的图片内容宽度？

嘿，这个问题我之前也碰到过！默认的ImageView在处理大图时，wrap_content确实会拿原图尺寸来计算宽度，而不是缩放后的内容宽度，导致背景和图片内容不对齐，而且图片也没靠右。我给你两个可行的解决方案，都能满足你的需求：

方案一：用FrameLayout包裹ImageView（无需自定义View） #

这个方法不用写任何Java/Kotlin代码，直接修改布局就能搞定：

把你原来的ImageView替换成下面的结构：

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="match_parent">
    <ImageView
        android:background="#ff0000"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitEnd"
        android:adjustViewBounds="true"
        android:src="@drawable/landscape" />
</FrameLayout>

为什么这个能行？ #

• android:adjustViewBounds="true" 会让ImageView严格按照图片的宽高比例缩放，当高度设为match_parent时，宽度会自动按比例缩小到对应的值，不会超出父容器限制。
• android:scaleType="fitEnd" 直接解决图片靠右对齐的问题，让缩放后的图片贴紧ImageView的右侧。
• 外层的FrameLayout用wrap_content宽度，会自动适应ImageView缩放后的实际宽度，这样整个右侧区域的宽度就和缩放后的图片内容宽度完全匹配，不会出现背景比图片宽的情况，也不会挤开左边的TextView。

方案二：自定义ImageView（更灵活） #

如果你需要更灵活的控制，或者不想嵌套布局，可以写一个简单的自定义ImageView，重写onMeasure方法来计算正确的宽度：

public class ScaledWidthImageView extends ImageView {
    public ScaledWidthImageView(Context context) {
        super(context);
        init();
    }

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

    public ScaledWidthImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 默认设置图片靠右对齐
        setScaleType(ScaleType.FIT_END);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Drawable drawable = getDrawable();
        if (drawable == null) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            return;
        }
        // 获取父容器给的高度
        int measuredHeight = MeasureSpec.getSize(heightMeasureSpec);
        // 计算图片的宽高比
        float aspectRatio = (float) drawable.getIntrinsicWidth() / drawable.getIntrinsicHeight();
        // 根据高度和比例计算出正确的宽度
        int measuredWidth = (int) (measuredHeight * aspectRatio);
        // 设置ImageView的实际尺寸
        setMeasuredDimension(measuredWidth, measuredHeight);
    }
}

然后在布局里直接使用这个自定义View：

<com.yourpackage.ScaledWidthImageView
    android:background="#ff0000"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:src="@drawable/landscape" />

这个自定义View会自动根据图片的宽高比和父容器给的高度，计算出缩放后的正确宽度，同时默认设置fitEnd让图片靠右，完美匹配你的需求。

你可以先试试方案一，简单快捷，效果应该就符合预期了！

内容的提问来源于stack exchange，提问作者Cheok Yan Cheng