如何实现ImageView同时支持左右滑动与双指缩放功能

两类手势无法共存的核心原因是事件拦截逻辑互斥，核心解决思路是统一接管所有触摸事件，先做手势类型判定再分发对应逻辑，具体实现步骤如下：

• 统一事件处理入口：不要让缩放、滑动两个逻辑模块分别接收触摸事件，所有触摸事件先传入自定义ImageView的onTouchEvent统一处理，避免两个逻辑各自拦截事件导致冲突。
• 优先判定缩放手势：双指按下（ACTION_POINTER_DOWN且触摸点数量为2）时，直接标记当前处于缩放状态，将事件交给ScaleGestureDetector（Android平台）或对应缩放手势识别器处理，同时调用requestDisallowInterceptTouchEvent(true)禁止父布局拦截事件，此时完全暂停滑动逻辑的判定。
• 滑动逻辑增加前置校验：只有满足所有以下条件时才触发滑动逻辑：
  • 当前仅单指触摸
  • 不在缩放状态（双指全部抬起至少100ms，避免抬指时的误触滑动）
  • 图片当前缩放比例大于1，或处于多图切换的原始大小状态
• 增加滑动边界判定：
  • 图片放大状态下的内部滑动：仅当滑动方向对应的图片边缘未超出ImageView边界时，才处理内部滑动，否则将事件交还给父布局。
  • 多图切换场景的滑动：当图片滑到左/右边缘且用户继续向同方向滑动时，放开事件拦截权限，交给外层的滑动组件处理页面切换。

以下是Android平台的核心实现代码示例：

// 自定义ImageView内的触摸逻辑
private var isInScaling = false
private var currentScale = 1f
private var currentOffsetX = 0f
private var lastTouchX = 0f
private val scaleGestureDetector = ScaleGestureDetector(context, object : ScaleGestureDetector.SimpleOnScaleGestureListener() {
    override fun onScale(detector: ScaleGestureDetector): Boolean {
        currentScale *= detector.scaleFactor
        // 限制缩放范围在1~3倍
        currentScale = currentScale.coerceIn(1f, 3f)
        invalidate()
        return true
    }
})

override fun onTouchEvent(event: MotionEvent): Boolean {
    scaleGestureDetector.onTouchEvent(event)
    when (event.actionMasked) {
        MotionEvent.ACTION_POINTER_DOWN -> {
            if (event.pointerCount == 2) {
                isInScaling = true
                parent.requestDisallowInterceptTouchEvent(true)
            }
        }
        MotionEvent.ACTION_DOWN -> {
            lastTouchX = event.x
        }
        MotionEvent.ACTION_MOVE -> {
            if (!isInScaling && event.pointerCount == 1) {
                // 仅放大状态处理内部滑动
                if (currentScale > 1f) {
                    val deltaX = event.x - lastTouchX
                    val maxOffsetX = (currentScale - 1) * width / 2
                    val minOffsetX = -maxOffsetX
                    // 边界校验
                    if ((deltaX > 0 && currentOffsetX < maxOffsetX) || (deltaX < 0 && currentOffsetX > minOffsetX)) {
                        currentOffsetX += deltaX
                        invalidate()
                        parent.requestDisallowInterceptTouchEvent(true)
                    } else {
                        parent.requestDisallowInterceptTouchEvent(false)
                    }
                }
                lastTouchX = event.x
            }
        }
        MotionEvent.ACTION_POINTER_UP -> {
            if (event.pointerCount < 2) {
                // 延迟100ms恢复滑动判定，避免双指抬指误触
                postDelayed({ isInScaling = false }, 100)
            }
        }
        MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
            isInScaling = false
            parent.requestDisallowInterceptTouchEvent(false)
        }
    }
    return true
}

如果你使用第三方缩放组件比如PhotoView，只需要在外层滑动容器中重写onInterceptTouchEvent，检测到双指触摸时直接返回false不拦截事件，即可快速实现两种手势的兼容。

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