Android中如何获取ImageView点击区域坐标并执行指定操作

核心思路 #

要判断ImageView上的特定区域（比如你提到的红色区域）是否被点击，关键是把屏幕点击坐标转换成ImageView内部的相对坐标，再和预先定义的目标区域做匹配。

步骤1：获取点击坐标并转换为ImageView内部坐标 #

屏幕点击事件的坐标是相对于整个屏幕的，需要先拿到ImageView在屏幕上的位置，再计算点击点相对于ImageView左上角的偏移量：

// Kotlin 示例
val imageView = findViewById<ImageView>(R.id.target_image)

imageView.setOnTouchListener { v, event ->
    if (event.action == MotionEvent.ACTION_UP) {
        // 获取ImageView在屏幕上的左上角坐标
        val location = IntArray(2)
        v.getLocationOnScreen(location)
        val imageScreenLeft = location[0]
        val imageScreenTop = location[1]

        // 计算点击点相对于ImageView内部的坐标
        val xInImage = event.rawX - imageScreenLeft
        val yInImage = event.rawY - imageScreenTop
        
        // 后续区域判断逻辑写在这里
    }
    false
}

步骤2：定义目标区域并做匹配 #

根据你已有的区域定义方式，分两种情况处理：

情况1：用矩形区域（Rect）判断

如果红色区域是规则矩形，直接定义相对ImageView的矩形范围：

// 假设红色区域在ImageView内部的坐标：左150px、上200px、右400px、下350px
val redArea = Rect(150, 200, 400, 350)

// 判断点击点是否在矩形内
if (redArea.contains(xInImage.toInt(), yInImage.toInt())) {
    // 触发红色区域的操作，比如弹窗、跳转
    Toast.makeText(this, "红色区域被点击", Toast.LENGTH_SHORT).show()
    return@setOnTouchListener true // 消费事件，避免后续传递
}

情况2：用自定义形状（Path）判断

如果红色区域是不规则形状（比如你已经创建的按钮形状），用Path的contains方法判断点是否在路径内：

// 假设你已经通过自定义Shape或代码创建了红色区域的Path对象
val redPath: Path = createRedAreaPath() // 替换为你的Path创建逻辑

// 判断点击点是否在路径内
if (redPath.contains(xInImage, yInImage)) {
    // 触发对应操作
    Toast.makeText(this, "红色区域被点击", Toast.LENGTH_SHORT).show()
    return@setOnTouchListener true
}

特殊场景处理：图片缩放适配 #

如果ImageView的scaleType不是fitXY（比如centerCrop、fitCenter），需要把ImageView内部坐标转换为原始图片的坐标再判断：

val drawable = imageView.drawable ?: return@setOnTouchListener false
val originalWidth = drawable.intrinsicWidth
val originalHeight = drawable.intrinsicHeight
val viewWidth = imageView.width
val viewHeight = imageView.height

// 计算图片缩放比例
val scaleX = viewWidth.toFloat() / originalWidth
val scaleY = viewHeight.toFloat() / originalHeight
val actualScale = min(scaleX, scaleY) // 取最小缩放比例，适配centerCrop等模式

// 计算图片在ImageView中的偏移量（居中显示时的留白）
val offsetX = (viewWidth - originalWidth * actualScale) / 2
val offsetY = (viewHeight - originalHeight * actualScale) / 2

// 转换为原始图片的坐标
val originalX = (xInImage - offsetX) / actualScale
val originalY = (yInImage - offsetY) / actualScale

// 用原始图片上的区域坐标做判断（比如原始图片中红色区域的坐标是(100,100,300,300)）
val redAreaInOriginal = Rect(100, 100, 300, 300)
if (redAreaInOriginal.contains(originalX.toInt(), originalY.toInt())) {
    // 触发操作
}

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