Android Canvas中三次贝塞尔曲线新控制点计算方法问询

核心思路 #

三次贝塞尔曲线的形状由两个控制点完全决定，我们可以通过几何约束+数值迭代的方式，精准匹配目标曲线长度，同时保证曲线贴合10dp的间距要求，彻底避免试凑法导致的形状失真问题。

步骤实现 #

1. 坐标标准化与基础参数计算 #

• 先将dp单位转换为像素：

  val spacingPx = TypedValue.applyDimension(
      TypedValue.COMPLEX_UNIT_DIP,
      10f,
      resources.displayMetrics
  )
  

• 计算起止点的基础向量：
  • 水平差值：dx = X3 - X1
  • 垂直差值：dy = Y3 - Y1
  • 起止点直线距离：lineDist = sqrt(dx*dx + dy*dy)

2. 控制点的初始几何约束 #

为保证曲线贴合10dp间距且走向自然，给两个控制点设定固定偏移逻辑（对应图中红色曲线的凸起方向）：

• 控制点1：(X1 + a*dx, Y1 - a*spacingPx)
• 控制点2：(X3 - a*dx, Y3 + a*spacingPx)

这里的a是水平缩放系数，初始可设为0.3~0.5，该约束能确保曲线基本形状不会跑偏。

3. 迭代调整控制点匹配目标长度 #

三次贝塞尔曲线长度没有解析公式，我们用PathMeasure计算当前曲线长度，再通过二分法迭代调整a的值：

• 实现曲线长度计算函数：

  fun getBezierLength(
      x1: Float, y1: Float,
      ctrlX1: Float, ctrlY1: Float,
      ctrlX2: Float, ctrlY2: Float,
      x3: Float, y3: Float
  ): Float {
      val path = Path()
      path.moveTo(x1, y1)
      path.cubicTo(ctrlX1, ctrlY1, ctrlX2, ctrlY2, x3, y3)
      val measure = PathMeasure(path, false)
      return measure.length
  }
  

• 二分法迭代流程：
  • 设定a的取值范围（比如0.1~1.0）
  • 计算当前a对应的曲线长度
  • 若当前长度小于目标值，增大a；若大于目标值，减小a
  • 重复迭代直到长度误差在允许范围内（比如±1px）

4. 最终绘制 #

找到符合要求的a后，生成两个控制点，调用path.cubicTo()完成曲线绘制即可。

关键优势 #

• 彻底避免形状失真：通过几何约束固定控制点偏移方向，保证曲线走向自然
• 精准匹配目标长度：数值迭代方式能让曲线长度严格符合输入参数
• 适配任意起止点：无论起止点角度如何，都能生成贴合10dp间距的曲线

内容的提问来源于stack exchange，提问作者Rakesh Menon