国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > Android > 正文

Android畫板開發之橡皮擦功能

2019-10-21 21:32:38
字體:
來源:轉載
供稿:網友

在上一篇實現了簡單的畫板功能, 這篇實現橡皮擦功能,首先分析一下應該如何實現,

在Andriod有個圖像混合(Xfermode)概念,利用這個概念我們就可以實現橡皮擦功能。

Android,畫板,橡皮擦

一、Xfermode

Paint有一個方法setXfermode(Xfermode),這個方法設置圖像的混合模式。參數有三個子類:

  • AvoidXfermode
  • PixelXorXfermode
  • PorterDuffXfermode

前面兩個因為不支持硬件加速在API 16已經已經過時棄用了。 簡單講一下第三個。

1.1 PorterDuffXfermode

該類有且只有一個含參的構造方法PorterDuffXfermode(PorterDuff.Mode mode),參數就是設置圖像的混合模式,下面這張圖片形象地說明了各種模式的作用

Android,畫板,橡皮擦

我們的做橡皮擦的時候,就是用到了PorterDuff.Mode.CLEAR這個模式清除圖像,所以說橡皮擦也是Path,只是繪制的模式不一樣了。

二、實現

在上一篇的文章中,實現了最簡單筆畫畫板,就是只有一個畫筆模式,所以首先添加一個橡皮擦的繪制模式。

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)   }  } }

然后捋一下整個流程:

  • 畫筆模式,在onTouch時候畫出Path,繪制到view上
  • 然后切換到橡皮擦模式,畫出Path,clear擦掉原來的內容
  • 再來回切換繪制

現在重點是解決第2點,一個Path怎么做到不改變原來的path基礎上換個繪制模式繼續畫呢?

如果你考慮第2點的話,效果是這樣子的:

What the fuck?(黑人問號) 這什么情況? 其實是因為path只有一條,一直沒改變。所以,引入緩存Canvas和緩存Bitmap,添加兩個變量:

//想要繪制的內容先繪制到這個增加的canvas對應的bitmap上,// 寫完后再把這個bitmap的ARGB信息一次提交給上下文的canvas去繪制 private lateinit var mBufferBitmap: Bitmap private lateinit var mBufferCanvas: Canvas

然后在onMeasure中進行初始化:

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)  }}

然后在onTouchEvent方面里面手指移動的時候,我們在緩存Canvas里面進行繪制path:

MotionEvent.ACTION_MOVE -> { //手指移動的時候  //繪制圓滑曲線,即貝塞爾曲線,貝塞爾曲線這個知識自行了解  mPath.quadTo(preX,preY,event.x,event.y)  //在緩存里面繪制  mBufferCanvas.drawPath(mPath,mPaint)  //重新繪制,會調用onDraw方法  invalidate()  preX = event.x  preY = event.y}

然后onDraw的時候,就把緩存的Canvas的bitmap當前view的Canvas:

override fun onDraw(canvas: Canvas) {  super.onDraw(canvas)  //畫出緩存bitmap的內容  canvas.drawBitmap(mBufferBitmap,0f,0f,null) }

就可以了,看看完整的代碼100多行:

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)   }  } }}

三、清空畫布實現

添加一個方法,按照上面的套路,把緩存canvas繪制清除即可。

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。


注:相關教程知識閱讀請移步到Android開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 普陀区| 浪卡子县| 拉萨市| 丰宁| 定兴县| 吉林市| 汉阴县| 永昌县| 淮安市| 浦北县| 延边| 铜陵市| 藁城市| 伊金霍洛旗| 来凤县| 宣恩县| 普陀区| 天柱县| 枣阳市| 海林市| 翼城县| 南岸区| 台南县| 喀什市| 都昌县| 荣昌县| 山阳县| 兴隆县| 易门县| 海门市| 菏泽市| 徐州市| 嵊泗县| 德兴市| 邻水| 吉首市| 武定县| 滦南县| 河北省| 万荣县| 滁州市|