Kotlin中修改scaleX/scaleY后获取ImageView内图片位置及滚动边界控制

问题背景 #

需要获取ImageView内图片在缩放后的实际位置、宽度和高度，以此控制滚动边界，避免滚动时出现空白区域：要求图片左上角不低于ImageView上边界、不超出左边界右侧；右下角不超出下边界、不超出左边界左侧。

当前调用pdfview.x、pdfview.width等属性返回的是原始值；尝试通过getImageBounds方法获取边界也得到原始值，无法满足需求。

问题原因 #

直接设置ImageView的scaleX/scaleY属性时，ImageView内部的imageMatrix不会自动同步更新，导致imageMatrix.mapRect计算出的仍是图片原始边界；同时当前的滚动逻辑未做边界限制，容易出现图片滚出可视区域的情况。

解决方案 #

1. 改用ImageMatrix实现缩放，确保边界计算准确 #

放弃直接设置scaleX/scaleY，改用ImageView的imageMatrix处理缩放，这样getImageBounds方法就能正确映射出缩放后的图片边界。

2. 修正边界计算方法 #

原getImageBounds方法可保留，但需配合imageMatrix使用，确保能获取到缩放后的真实边界。

3. 添加滚动边界限制逻辑 #

在触摸滚动时，计算允许的最大滚动偏移量，限制scrollBy的数值，确保图片始终填满ImageView可视区域。

修改后的完整代码 #

边界计算方法（配合Matrix使用） #

fun getImageBounds(imageView: ImageView): RectF {
    val bounds = RectF()
    val drawable = imageView.drawable ?: return bounds
    imageView.imageMatrix.mapRect(bounds, RectF(drawable.bounds))
    return bounds
}

缩放逻辑修改（改用ImageMatrix） #

val binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)

val pdfview = binding.pdfview
val slider = binding.slider

// 初始化矩阵
val matrix = Matrix()
pdfview.imageMatrix = matrix

slider.addOnChangeListener { _, value, _ ->
    val scaleFactor = 1 + value / 100f
    // 重置矩阵，基于当前缩放比例重新计算
    matrix.reset()
    matrix.postScale(scaleFactor, scaleFactor)
    // 保持图片居中（可选，根据需求调整）
    val drawable = pdfview.drawable ?: return@addOnChangeListener
    val dx = (pdfview.width - drawable.intrinsicWidth * scaleFactor) / 2f
    val dy = (pdfview.height - drawable.intrinsicHeight * scaleFactor) / 2f
    matrix.postTranslate(dx, dy)
    pdfview.imageMatrix = matrix
}

滚动逻辑修改（添加边界限制） #

var preX: Float = 0f
var preY: Float = 0f

pdfview.setOnTouchListener { v, event ->
    val imageView = v as ImageView
    val bounds = getImageBounds(imageView)
    // 计算允许的滚动范围：scrollX范围为 [0, 图片缩放后宽度 - ImageView宽度]
    // scrollY范围为 [0, 图片缩放后高度 - ImageView高度]
    val maxScrollX = (bounds.width() - imageView.width).coerceAtLeast(0f)
    val maxScrollY = (bounds.height() - imageView.height).coerceAtLeast(0f)

    when (event.action) {
        MotionEvent.ACTION_DOWN -> {
            preX = event.x
            preY = event.y
        }

        MotionEvent.ACTION_MOVE -> {
            val deltaX = preX - event.x
            val deltaY = preY - event.y
            // 计算滚动后的预期位置并限制在允许范围内
            val targetScrollX = imageView.scrollX + deltaX.toInt()
            val targetScrollY = imageView.scrollY + deltaY.toInt()
            val clampedScrollX = targetScrollX.coerceIn(0, maxScrollX.toInt())
            val clampedScrollY = targetScrollY.coerceIn(0, maxScrollY.toInt())
            // 执行实际滚动
            val actualDeltaX = clampedScrollX - imageView.scrollX
            val actualDeltaY = clampedScrollY - imageView.scrollY
            imageView.scrollBy(actualDeltaX, actualDeltaY)
            preX = event.x
            preY = event.y
        }

        MotionEvent.ACTION_UP -> {
            val deltaX = preX - event.x
            val deltaY = preY - event.y
            val targetScrollX = imageView.scrollX + deltaX.toInt()
            val targetScrollY = imageView.scrollY + deltaY.toInt()
            val clampedScrollX = targetScrollX.coerceIn(0, maxScrollX.toInt())
            val clampedScrollY = targetScrollY.coerceIn(0, maxScrollY.toInt())
            imageView.scrollTo(clampedScrollX, clampedScrollY)
        }
    }
    true
}

布局调整说明 #

保持原布局不变，但建议移除ImageView的scaleType="centerCrop"，因为我们通过imageMatrix手动控制缩放和位置：

<ImageView
    android:id="@+id/pdfview"
    android:layout_width="350dp"
    android:layout_height="515dp"
    android:contentDescription="@string/pdf"
    android:cropToPadding="true"
    android:padding="1dp"
    app:srcCompat="@color/material_dynamic_neutral80" />

关键说明 #

• 使用imageMatrix处理缩放后，getImageBounds能正确获取图片缩放后的真实边界，包括位置和尺寸。
• 滚动时通过计算maxScrollX和maxScrollY，限制scrollX/scrollY的范围，确保图片始终填满ImageView的可视区域，不会出现空白。
• 若图片缩放后尺寸小于ImageView，maxScrollX和maxScrollY会被设置为0，此时不允许滚动，符合需求。

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