原理
- 使用4段三階貝賽爾曲線模擬圓弧
- 每段曲線的中點(diǎn)落在圓弧上
分析
-
三階貝賽爾曲線方程
-
曲線繪制示意圖
- 我們可以確定的有：
起點(diǎn)：A(1, 0)
終點(diǎn)：B(0, 1)
兩個(gè)控制點(diǎn)分別落在直線y=1和x=1上(AB兩點(diǎn)的切線上)，假設(shè)為A'(1, c) B'(c, 1)兩點(diǎn)
這里強(qiáng)制增加一個(gè)條件，圓弧終點(diǎn)(0.707, 0.707)落在貝賽爾曲線上 - 代入方程：
得到c=0.5523
繪制
代碼：
@Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawLine(0, P.y, screenWidth, P.y, paintLine); canvas.drawLine(P.x, 0, P.x, screenHeight, paintLine); canvas.drawPoint(P.x + R, P.y - R * C, paintPoint); canvas.drawPoint(P.x + R * C, P.y - R, paintPoint); path.moveTo(P.x + R, P.y); path.cubicTo(P.x + R, P.y - R * C, P.x + R * C, P.y - R, P.x, P.y - R); canvas.drawPath(path, paintBezier); }-
效果圖如下：
