如何将ImageView中的图片底部对齐且仅裁切顶部（不缩小图片）

我明白你的需求了——想让图片填满ImageView不缩小，只裁切顶部区域，底部完整显示对吧？之前用FIT_END不行是因为它会按比例缩小图片来完全塞进View里，这和你“不缩小图片”的要求冲突，下面给你两个靠谱的解决方案：

方案一：用scaleType="matrix"手动控制偏移 #

这种方法不用自定义View，通过代码设置图片矩阵就能实现偏移效果：

1. 先在布局里定义ImageView，指定scaleType="matrix"，同时设置好你需要的View尺寸（比如宽度占满父布局，高度固定）：

<ImageView
    android:id="@+id/imageView"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:scaleType="matrix"
    android:src="@drawable/your_target_image" />

2. 然后在代码里计算偏移量，让图片向下移动，直到底部和ImageView底部对齐，顶部超出的部分就会被裁切：

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

// 获取图片和ImageView的实际尺寸
val imgWidth = drawable.intrinsicWidth
val imgHeight = drawable.intrinsicHeight
val viewWidth = imageView.width
val viewHeight = imageView.height

// 按ImageView宽度缩放图片，保证图片填满宽度（不会缩小）
val scale = viewWidth.toFloat() / imgWidth.toFloat()
val scaledImgHeight = imgHeight * scale

// 计算向下偏移的距离：只有当缩放后图片高度超过View高度时，才需要偏移，让底部对齐
val translateY = if (scaledImgHeight > viewHeight) scaledImgHeight - viewHeight else 0f

// 创建矩阵并应用缩放和偏移
val matrix = Matrix()
matrix.postScale(scale, scale)
matrix.postTranslate(0f, -translateY) // 负的Y偏移等于向下移动图片

imageView.imageMatrix = matrix

如果用Java实现，逻辑完全一致：

ImageView imageView = findViewById(R.id.imageView);
Drawable drawable = imageView.getDrawable();
if (drawable == null) return;

int imgWidth = drawable.getIntrinsicWidth();
int imgHeight = drawable.getIntrinsicHeight();
int viewWidth = imageView.getWidth();
int viewHeight = imageView.getHeight();

float scale = (float) viewWidth / imgWidth;
float scaledImgHeight = imgHeight * scale;

float translateY = scaledImgHeight > viewHeight ? scaledImgHeight - viewHeight : 0f;

Matrix matrix = new Matrix();
matrix.postScale(scale, scale);
matrix.postTranslate(0f, -translateY);

imageView.setImageMatrix(matrix);

方案二：自定义ImageView（适合多场景复用） #

如果需要在多个页面用到这个效果，自定义一个ImageView会更方便：

class TopCropImageView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ImageView(context, attrs, defStyleAttr) {

    override fun onDraw(canvas: Canvas) {
        val drawable = drawable ?: return
        val matrix = imageMatrix

        // 重复方案一的缩放和偏移计算逻辑
        val imgWidth = drawable.intrinsicWidth
        val imgHeight = drawable.intrinsicHeight
        val viewWidth = width
        val viewHeight = height

        val scale = viewWidth.toFloat() / imgWidth.toFloat()
        val scaledImgHeight = imgHeight * scale
        val translateY = if (scaledImgHeight > viewHeight) scaledImgHeight - viewHeight else 0f

        matrix.reset()
        matrix.postScale(scale, scale)
        matrix.postTranslate(0f, -translateY)

        imageMatrix = matrix
        super.onDraw(canvas)
    }
}

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

<com.yourpackage.TopCropImageView
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/your_target_image" />

方案原理说明 #

这两种方案都是先按ImageView的宽度缩放图片（保证图片不会被缩小，而是填满View宽度），再通过向下偏移图片，让图片底部和ImageView底部对齐——这样顶部超出View的部分就会被自动裁切，完美匹配你的需求。

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