Android如何自定义有限制区域图例角度自识别涂鸦工具类

其他教程   发布日期:2023年07月14日   浏览次数:515

今天小编给大家分享一下Android如何自定义有限制区域图例角度自识别涂鸦工具类的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

自定义View分为继承自View和ViewGroup,继承ViewGroup相比继承View

  • 在事件分发上ViewGroup多dispatchTouchEvent(事件分发)和onInterceptTouchEvent(事件拦截)两个方法

  • 在继承上ViewGroup需要着重处理onmeasure(测量)与onLayout(控制位置等),而继承View重点在于onDrow(绘制)上

这篇我们就简单实现一个自定义签名类,通过手指触摸屏幕移动,显示手指滑过的路径。首先创建SignatureView并继承自View:

  1. class SignatureView constructor(context: Context?, attrs: AttributeSet? = null) :
  2. View(context, attrs, 0) {
  3. private lateinit var paint: Paint
  4. private var mWidth = 0 //父类宽度
  5. private var mHeight = 0//父类高度
  6. override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
  7. super.onMeasure(widthMeasureSpec, heightMeasureSpec)
  8. mWidth = MeasureSpec.getSize(widthMeasureSpec)
  9. mHeight = MeasureSpec.getSize(heightMeasureSpec)
  10. paint = Paint()
  11. //设置抗锯齿
  12. paint.isAntiAlias = true
  13. //设置签名笔画样式
  14. paint.style = Paint.Style.STROKE
  15. setMeasuredDimension(mWidth, mHeight)
  16. }
  17. override fun onDraw(canvas: Canvas) {
  18. super.onDraw(canvas)
  19. ......
  20. }
  21. }

接下来需要做的其实就只有触摸事件处理和绘制路径两个任务了。绘制需要在onDraw中通过咱们初始化的画笔paint和canvas完成,那么触摸事件则需要重写onTouchEvent方法监听:

  1. override fun onTouchEvent(event: MotionEvent): Boolean {
  2. super.onTouchEvent(event)
  3. }

这里需要注意,由于签名是实时记录的,所以我们需要记录下滑动的点,将其连接成一条线,再通过pain画线。画的过程是按下移动的操作,所以在ACTION_MOVE的过程我们需要实时画线。画笔完成是抬起的动作,所以在ACTION_UP时我们需要将之前的所有点绘制在画布上。这里通过一个点的集合收集手指移动的点,用户画笔绘制。

  1. //收集用户绘制的点
  2. private var allPoints: MutableList<Point> = ArrayList()
  3. val p = Point(event.x.toInt(), event.y.toInt())
  4. when (event.action) {
  5. MotionEvent.ACTION_DOWN -> {
  6. //用户按下,表示重新开始保存点
  7. allPoints.clear()
  8. allPoints.add(p)
  9. }
  10. MotionEvent.ACTION_UP -> {
  11. postInvalidate() //重绘图像
  12. }
  13. MotionEvent.ACTION_MOVE -> {
  14. allPoints.add(p)
  15. postInvalidate() //子线程可刷新
  16. }
  17. }

接下来就是在onDrow()中绘制,通过canvas.drawLine:

  1. val first = allPoints[0] //第一个点
  2. val last = allPoints[allPoints.size-1] //最后一个点
  3. canvas.drawLine(first.x.toFloat(),first.y.toFloat(),last.x.toFloat(),last.y.toFloat(),paint)

到这里基本就结束了,但我们还需要撤回和清除的功能。这时候就需要想一想了,如果按照按下&mdash;>移动&mdash;>抬起为一笔,那么撤回的话就需要将这个过程的所有点都清除。此时我们就可以将这个过程想象成一条线,在按下时记录线的开始,抬起记录线的结束,再将这条线存放在一个集合中,如果需要撤回就将这条数据删除。

  1. //用于画完图后的显示,在抬起时,添加来自于allPoints的所有点的数据
  2. private var allList: MutableList<List<Point>> = ArrayList()
  3. //用于划线过程中的显示,当集合allList存储后,清空本集合中所有数据
  4. private var allPoints: MutableList<Point> = ArrayList()
  5. override fun onTouchEvent(event: MotionEvent): Boolean {
  6. super.onTouchEvent(event)
  7. val p = Point(event.x.toInt(), event.y.toInt())
  8. when (event.action) {
  9. MotionEvent.ACTION_DOWN -> {
  10. //用户按下,表示重新开始保存点
  11. allPoints = ArrayList()
  12. allPoints.add(p)
  13. }
  14. MotionEvent.ACTION_UP -> {
  15. //用户松开
  16. allList.add(allPoints)
  17. allPoints = ArrayList() //添加集合后,清除子集合
  18. postInvalidate() //重绘图像
  19. }
  20. MotionEvent.ACTION_MOVE -> {
  21. allPoints.add(p)
  22. postInvalidate() //子线程可刷新
  23. }
  24. }
  25. return true
  26. }
  27. //上一步(清除本次绘画)
  28. fun clearLatestData() {
  29. if (allList.size > 0) {
  30. allList.removeAt(allList.size - 1)
  31. paints.removeAt(paints.size - 1)
  32. }
  33. postInvalidate()
  34. }

清除就更简单了,直接清空集合中的所有线条即可,但一定不要忘记刷新视图:

  1. //重置(清除所有绘画)
  2. fun clearAllData() {
  3. allList.clear()
  4. postInvalidate()
  5. }

以上就是Android如何自定义有限制区域图例角度自识别涂鸦工具类的详细内容,更多关于Android如何自定义有限制区域图例角度自识别涂鸦工具类的资料请关注九品源码其它相关文章!