Android ImageView适配宽度且显示顶部区域问题求助

你当前使用的centerCrop会将图片居中裁剪，所以会同时切掉顶部和底部的部分，这就是为什么看不到完整顶部区域的原因。而你需要的是宽度填满容器、保持原宽高比、只裁剪底部、始终显示最顶部的效果，下面给你两种可行的解决方案：

方案1：自定义TopCrop ImageView（推荐，XML即可实现） #

安卓原生没有直接支持"顶部裁剪"的scaleType，我们可以写一个极简的自定义ImageView来满足需求：

1. 创建自定义View类：

public class TopCropImageView extends androidx.appcompat.widget.AppCompatImageView {

    public TopCropImageView(Context context) {
        super(context);
        setScaleType(ScaleType.MATRIX);
    }

    public TopCropImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setScaleType(ScaleType.MATRIX);
    }

    public TopCropImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setScaleType(ScaleType.MATRIX);
    }

    @Override
    protected boolean setFrame(int l, int t, int r, int b) {
        if (getDrawable() == null) {
            return super.setFrame(l, t, r, b);
        }
        // 计算缩放比例，让宽度填满容器
        float scaleFactor = getWidth() / (float) getDrawable().getIntrinsicWidth();
        // 锚定图片左上角缩放，确保顶部对齐容器顶部
        Matrix matrix = new Matrix();
        matrix.setScale(scaleFactor, scaleFactor, 0, 0);
        setImageMatrix(matrix);
        return super.setFrame(l, t, r, b);
    }
}

2. 在XML布局中使用这个自定义View：

<com.yourpackage.TopCropImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@mipmap/day_length_background" />

这样设置后，图片会自动缩放至填满容器宽度、保持原比例，且始终显示最顶部区域，超出容器高度的部分会被裁剪掉，完全匹配你的需求。

方案2：代码结合Matrix动态控制 #

如果你不想自定义View，也可以在代码中手动控制图片的缩放和偏移：

val imageView = findViewById<ImageView>(R.id.your_image_view)
val drawable = imageView.drawable ?: return

// 获取图片与容器的尺寸
val imageWidth = drawable.intrinsicWidth
val imageHeight = drawable.intrinsicHeight
val viewWidth = imageView.width
val viewHeight = imageView.height

// 计算缩放比例：让宽度填满容器
val scaleFactor = viewWidth.toFloat() / imageWidth.toFloat()
val scaledImageHeight = imageHeight * scaleFactor

// 计算偏移：图片较长时直接顶部对齐，偏移量为0
val translateY = if (scaledImageHeight > viewHeight) 0f else (viewHeight - scaledImageHeight) / 2f

// 构建并应用Matrix
val matrix = Matrix()
matrix.postScale(scaleFactor, scaleFactor)
matrix.postTranslate(0f, -translateY)

imageView.imageMatrix = matrix
imageView.scaleType = ImageView.ScaleType.MATRIX

⚠️ 注意：这段代码要在ImageView完成测量后执行（比如onViewCreated或onWindowFocusChanged方法中），否则获取到的宽高会是0。

补充：你的原有配置为什么不行？ #

• centerCrop：会计算填满容器的缩放比例，然后将图片居中显示，所以会同时裁剪顶部和底部区域，导致你看不到完整的顶部内容。
• fitXY：会强制拉伸图片填满容器，直接破坏原有的宽高比，不符合你的要求。

内容的提问来源于stack exchange，提问作者AVEbrahimi