使用Android如何实现一个长按圆环动画View效果?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
一、需求来源
最近想到一个需求,类似悦跑圈或者Keep的结束按钮动画
二、思路代码
该动画按钮的主要作用就是防止用户误操作,具体实现思路如下:
1、监听用户的触摸事件OnTouchListener,在ACTION_DOWN的时候,记录下xy坐标和触摸时间,同时start自定义View动画;在ACTION_MOVE的过程中,判断坐标差值的偏移量是否在一个可接受的范围内,是的话就保留当前动画,不是的话就清除按钮上绘制的path;在ACTION_UP的时候,再次记录下触摸时间,比较两个时间是否达到了长按规定的时间,是的话就执行下一个事件,不是的话就停止动画重置Path。
val touchMax = 50 var lastX = 0 var lastY = 0 circleView.setOnTouchListener(object : View.OnTouchListener{ override fun onTouch(p0: View?, motionEvent: MotionEvent): Boolean { val endTime: Long val x = motionEvent.x val y = motionEvent.y when (motionEvent.action) { MotionEvent.ACTION_DOWN -> { startTime = System.currentTimeMillis() lastX = x.toInt() lastY = y.toInt() circleView.startAnim() } MotionEvent.ACTION_UP -> { endTime = System.currentTimeMillis() val during = endTime - startTime if (during < App.LONG_CLICK_TIME) { circleView.cancelAnim() circleView.clearAll() }else{ playMaxWarn() } } MotionEvent.ACTION_MOVE -> { if (abs(lastX - x) > touchMax || abs(lastY - y) > touchMax) { circleView.clearAll() } } } return false } })