Matrix 结合手势实现图片缩放和拖动

原创

于 2021-03-01 17:39:29 发布 · 396 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#matrix #android #手势识别

本文介绍了一个使用Matrix结合手势识别在Android中实现图片缩放和拖动功能的自定义View。通过GestureDetector和ScaleGestureDetector监听用户的滑动、双击和缩放操作，结合Matrix进行坐标转换和位移计算，确保图片在屏幕内正确显示。同时，还提供了点击屏幕判断点击位置是否在缩放、移动后的图片上的功能。

package com.tty.zoomview.view

import android.content.Context
import android.graphics.*
import android.util.Log
import android.view.GestureDetector
import android.view.GestureDetector.SimpleOnGestureListener
import android.view.MotionEvent
import android.view.ScaleGestureDetector
import android.view.ScaleGestureDetector.SimpleOnScaleGestureListener
import android.view.View
import androidx.annotation.IntDef
import com.tty.zoomview.R
import java.lang.annotation.Retention
import java.lang.annotation.RetentionPolicy


/**
 * 缩放、拖拽、双击缩放 自定义view
 *
 *
 * 小建议：
1，尽量不要在onDraw里面重复赋值
2，你现在缩放、移动是把matrix应用到画布上，可以试试针对bitmap，用canvas.drawBitmap(bitmap,matrix,paint)这个重载来实现
3，可以加一个功能，点击屏幕，判断当前点击的是否在缩放、移动后的bitmap上
 */
class ScaleZoomView(context: Context) : View(context) {
    var mGestureDetector: GestureDetector? = null
    var mScaleGestureDetector: ScaleGestureDetector? = null

    // 画布当前的 Matrix， 用于获取当前画布的一些状态信息，例如缩放大小，平移距离等
    private var mCanvasMatrix = Matrix()

    // 将用户触摸的坐标转换为画布上坐标所需的 Matrix， 以便找到正确的缩放中心位置
    private val mInvertMatrix = Matrix()

    // 所有用户触发的缩放、平移等操作都通过下面的 Matrix 直接作用于画布上，
    // 将系统计算的一些初始缩放平移信息与用户操作的信息进行隔离，让操作更加直观
    private val mUserMatrix = Matrix()
    private var mBitmap: Bitmap = BitmapFactory.decodeResource(resources, R.mipmap.img)

    // 基础的缩放和平移信息，该信息与用户的手势操作无关
    private var mBaseScale = 0f
    private var mBaseTranslateX = 0f
    private var mBaseTranslateY = 0f
    private var mPaint: Paint = Paint()

    companion object {
        private const val MSCALE_X = 0
        private const val MSKEW_X = 1
        private const val MTRANS_X = 2
        private const val MSKEW_Y = 3
        private const val MSCALE_Y = 4
        private const val MTRANS_Y = 5
        private const val MPERSP_0 = 6
        private const val MPERSP_1 = 7
        private const val MPERSP_2 = 8

        //--- 限制缩放比例 ---
        private const val MAX_SCALE = 4.0f //最大缩放比例
        private const val MIN_SCALE = 0.5f // 最小缩放比例
    }

    init {
        mPaint.style = Paint.Style.STROKE
        mPaint.strokeWidth = 6f
        initGesture(context)
    }

    //视图大小发生改变后回调