Android PathMeasure自定义View带动画的提交按钮

不朽神王

  操纵PathMeasure去完成自界说的动绘

源码地点

https://github.com/SHPDZY/AndroidUiDemo
结果展现

代码完成

次要利用PathMeasure画造View动绘的施行途径，胜利/失利的动绘利用贝塞我完成。
设置view途径

1. //边框途径
2. val path = Path()
3. path.moveTo(lineStartX, lineTopY)
4. path.lineTo(lineStopX, lineTopY)
5. arcRectF.left = mW - mH + padding
6. arcRectF.top = padding
7. arcRectF.right = mW - padding
8. arcRectF.bottom = mH - padding
9. path.arcTo(arcRectF, arcRtStartAng, arcSweepAng)
10. pathMeasureStrokeTop = PathMeasure(path, false)
11. pathMeasureStrokeLen = pathMeasureStrokeTop.length
12. path.reset()
13. path.moveTo(lineStopX, lineBtmY)
14. path.lineTo(lineStartX, lineBtmY)
15. arcRectF.left = padding
16. arcRectF.top = padding
17. arcRectF.right = mH + padding
18. arcRectF.bottom = mH - padding
19. path.arcTo(arcRectF, arcLtStartAng, arcSweepAng)
20. pathMeasureStrokeBtm = PathMeasure(path, false)
22. //对钩的途径
23. path.reset()
24. path.moveTo(tickLtStartX, tickLtStartY)
25. path.quadTo(tickLtControlX, tickLtControlY, tickLtEndX, tickLtEndY)
26. path.quadTo(tickCenX, tickCenY, tickCenEndX, tickCenEndY)
27. path.quadTo(tickRtControlX, tickRtControlY, tickRtEdX, tickRtEdY)
28. mPathMeasureTick = PathMeasure(path, false)
29. pathMeasureTickLen = mPathMeasureTick.length
31. // X的途径
32. path.reset()
33. path.moveTo(xLfStartX, xLfStartY)
34. path.lineTo(xLfEdX, xLfEdY)
35. pathMeasureXL = PathMeasure(path, false)
36. pathMeasureXLen = pathMeasureXL.length
37. path.reset()
39. path.moveTo(xRfStartX, xRfStartY)
40. path.lineTo(xRfEdX, xRfEdY)
41. pathMeasureXR = PathMeasure(path, false)

复造代码

按照途径战动绘施行进度画造

1. /**
2. * 画造边框
3. */
4. private fun drawStroke(canvas: Canvas) {
5.     getStrokePaint()
6.     pathMeasurePath.reset()
7.     pathMeasureStrokeLenRatio = pathMeasureStrokeLen * strokeRatio
8.     if (strokeMode == MODE_STROKE_AROUND) {
9.         pathMeasureStrokeLenRatio *= 2f
10.     }
11.     pathMeasureStrokeTop.getSegment(pathMeasureStrokeLenRatio, pathMeasureStrokeLen, pathMeasurePath, true)
12.     canvas.drawPath(pathMeasurePath, paint)
13.     if (strokeMode == MODE_STROKE_AROUND) {
14.         pathMeasureStrokeLenRatio = pathMeasureStrokeLen * max((strokeRatio - 0.5f), 0f) * 2f
15.     }
16.     pathMeasurePath.reset()
17.     pathMeasureStrokeBtm.getSegment(pathMeasureStrokeLenRatio, pathMeasureStrokeLen, pathMeasurePath, true)
18.     canvas.drawPath(pathMeasurePath, paint)
19. }
21. /**
22. * 画造胜利或失利的图案
23. */
24. private fun drawComplete(canvas: Canvas) {
25.     getTickAndXPaint()
26.     pathMeasurePath.reset()
27.     if (isSuccess) {
28.         mPathMeasureTick.getSegment(0f, pathMeasureTickLen * tickAndXRatio, pathMeasurePath, true)
29.         canvas.drawPath(pathMeasurePath, paint)
30.         return
31.     }
32.     pathMeasureXLenRatio = pathMeasureXLen * tickAndXRatio
33.     pathMeasureXL.getSegment(0f, pathMeasureXLenRatio, pathMeasurePath, true)
34.     canvas.drawPath(pathMeasurePath, paint)
35.     pathMeasurePath.reset()
36.     pathMeasureXLenRatio = pathMeasureXLen * max(tickAndXRatio - 0.5f, 0f) * 2f
37.     pathMeasureXR.getSegment(0f, pathMeasureXLenRatio, pathMeasurePath, true)
38.     canvas.drawPath(pathMeasurePath, paint)
39. }
41. /**
42. * 画造布景
43. */
44. private fun drawBackground(canvas: Canvas) {
45.     getBacPaint()
46.     if (isSuccess) {
47.         paint.color = getColor(bacColorStart, bacColorSuccess, (strokeRatio + tickAndXRatio) / 2f)
48.     } else {
49.         paint.color = getColor(bacColorStart, bacColorError, (strokeRatio + tickAndXRatio) / 2f)
50.     }
51.     canvas.drawRoundRect(0f, 0f, mW, mH, 200f, 200f, paint)
52. }
54. /**
55. * 画造笔墨
56. */
57. private fun drawText(canvas: Canvas) {
58.     getTextPaint()
59.     val fontMetrics: Paint.FontMetrics = paint.fontMetrics
60.     textY = mH / 2f - (fontMetrics.ascent + fontMetrics.descent) / 2f
61.     paint.color = getColor(textColor, 1f - strokeRatio)
62.     canvas.drawText(if (strokeRatio == 0f) text else textLoading, textX, textY, paint)
63. }

复造代码

免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！