Android画板开发之橡皮擦功能

companion object {
  const val EDIT_MODE_PEN = 0x1L  //画笔模式
  const val EDIT_MODE_ERASER = 0x2L //橡皮擦模式
 }

 @Retention(AnnotationRetention.SOURCE)
 @IntDef(EDIT_MODE_PEN, EDIT_MODE_ERASER)
 annotation class EditMode

 //当前编辑模式默认为画笔模式
 @EditMode
 private var mMode: Long = EDIT_MODE_PEN

 /**
  * 设置画笔模式
  */
 fun setModel(@EditMode model:Long){
  mMode = model
  when(model){
   EDIT_MODE_PEN -> {
    //画线
    mPaint.xfermode = null
   }
   EDIT_MODE_ERASER ->{
    mPaint.xfermode = PorterDuffXfermode(PorterDuff.Mode.CLEAR)

   }
  }
 }

//想要绘制的内容先绘制到这个增加的canvas对应的bitmap上，
// 写完后再把这个bitmap的ARGB信息一次提交给上下文的canvas去绘制
 private lateinit var mBufferBitmap: Bitmap
 private lateinit var mBufferCanvas: Canvas

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec)
 if(mBufferCanvas == null){
   mBufferBitmap = Bitmap.createBitmap(measuredWidth, measuredHeight, Bitmap.Config.ARGB_8888)

   //canvas绘制的内容，将会在这个mBufferBitmap内
   mBufferCanvas = Canvas(mBufferBitmap)
  }

}

MotionEvent.ACTION_MOVE -> { //手指移动的时候
  //绘制圆滑曲线，即贝塞尔曲线,贝塞尔曲线这个知识自行了解
  mPath.quadTo(preX,preY,event.x,event.y)

  //在缓存里面绘制
  mBufferCanvas.drawPath(mPath,mPaint)

  //重新绘制，会调用onDraw方法
  invalidate()
  preX = event.x
  preY = event.y
}

override fun onDraw(canvas: Canvas) {
  super.onDraw(canvas)
  //画出缓存bitmap的内容
  canvas.drawBitmap(mBufferBitmap,0f,0f,null)

 }

class TPEraserView(context: Context, attr: AttributeSet) : View(context,attr) {

 companion object {
  const val EDIT_MODE_PEN = 0x1L  //画笔模式
  const val EDIT_MODE_ERASER = 0x2L //橡皮擦模式
 }

 @Retention(AnnotationRetention.SOURCE)
 @IntDef(EDIT_MODE_PEN, EDIT_MODE_ERASER)
 annotation class EditMode

 //当前编辑模式默认为画笔模式
 @EditMode
 private var mMode: Long = EDIT_MODE_PEN

 private var preX: Float = 0.0f //上一次的触摸点x坐标
 private var preY: Float = 0.0f //上一次触摸点y坐标

 private var mPath = Path() //path路径
 //画笔
 private var mPaint = Paint(Paint.ANTI_ALIAS_FLAG or Paint.DITHER_FLAG)

 //想要绘制的内容先绘制到这个增加的canvas对应的bitmap上，
 // 写完后再把这个bitmap的ARGB信息一次提交给上下文的canvas去绘制
 private lateinit var mBufferBitmap: Bitmap
 private lateinit var mBufferCanvas: Canvas


 init {
  mPaint.style = Paint.Style.STROKE //画笔为实心
  mPaint.color = Color.RED   //颜色
  mPaint.strokeCap = Paint.Cap.ROUND //笔触为圆形
  mPaint.strokeWidth = 10f   //画笔大小
 }

 override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int){
  super.onMeasure(widthMeasureSpec, heightMeasureSpec)
  mBufferBitmap = Bitmap.createBitmap(measuredWidth, measuredHeight, Bitmap.Config.ARGB_8888)

  //canvas绘制的内容，将会在这个mBufferBitmap内
  mBufferCanvas = Canvas(mBufferBitmap)

 }

 override fun onDraw(canvas: Canvas) {
  super.onDraw(canvas)
  //画出缓存bitmap的内容
  canvas.drawBitmap(mBufferBitmap,0f,0f,null)

 }

 override fun onTouchEvent(event: MotionEvent): Boolean {

  when(event.action){
   MotionEvent.ACTION_DOWN -> { //手指按下的时候
    //将起始点移动到当前坐标
    mPath.moveTo(event.x,event.y)

    //记录上次触摸的坐标，注意ACTION_DOWN方法只会执行一次
    preX = event.x
    preY = event.y
   }
   MotionEvent.ACTION_MOVE -> { //手指移动的时候
    //绘制圆滑曲线，即贝塞尔曲线,贝塞尔曲线这个知识自行了解
    mPath.quadTo(preX,preY,event.x,event.y)

    //在缓存里面绘制
    mBufferCanvas.drawPath(mPath,mPaint)

    //重新绘制，会调用onDraw方法
    invalidate()
    preX = event.x
    preY = event.y
   }
   MotionEvent.ACTION_UP ->{
    //清除路径的内容
    mPath.reset()
   }
  }

  // true：告诉系统，这个触摸事件由我来处理
  // false：告诉系统，这个触摸事件我不处理，这时系统会把触摸事件传递给imageview的父节点
  return true
 }

 /**
  * 设置画笔模式
  */
 fun setModel(@EditMode model:Long){
  mMode = model
  when(model){
   EDIT_MODE_PEN -> {
    mPaint.xfermode = null
   }
   EDIT_MODE_ERASER ->{
    mPaint.xfermode = PorterDuffXfermode(PorterDuff.Mode.CLEAR)

   }
  }
 }

}

 /**
  * 清空画布
  */
 fun clear() {
  mBufferCanvas.drawColor(0, PorterDuff.Mode.CLEAR)
  invalidate()
 }