UIBezierPath绘制圆角矩形出现异常间隙问题求助

你遇到的这个间隙问题，核心原因是路径生成逻辑与线条渲染规则的配合冲突，再加上浮点运算精度的影响，具体拆解如下：

1. 路径与线条的位置关系
   你用UIBezierPath(roundedRect: rect, cornerRadius: cornerRadius)生成的路径是紧贴外层矩形rect边缘的，而CAShapeLayer的lineWidth是沿着路径向两侧均匀扩展的（比如lineWidth=10时，线条会向路径内外各延伸5个单位）。

2. 临界半径的几何冲突
   你的矩形高度是100（短边），当圆角半径在34-37之间时，圆角的圆弧路径与直边路径的衔接处，线条的内外扩展部分无法在几何上完全闭合：

   • 圆角的圆心位于矩形角点向内cornerRadius的位置，线条向外扩展5个单位后，外圆弧的半径变为cornerRadius+5；
   • 直边线条向外扩展5个单位后，外边缘与圆角外圆弧的衔接处，因浮点计算的微小误差，加上Core Graphics的抗锯齿渲染，原本应该贴合的边缘出现了肉眼可见的缝隙，露出了下层的红色背景。

3. 补充验证点
   当圆角半径小于34时，cornerRadius+5的数值更小，外圆弧与直边外边缘的衔接更“充裕”，误差被抵消；当半径大于37时，外圆弧的弧度变化刚好让衔接处的误差消失，间隙也就看不到了。

快速解决方法 #

如果要消除这个间隙，可以调整路径的生成方式：

• 生成路径时，将矩形向内偏移lineWidth/2，同时把圆角半径减去lineWidth/2，让路径刚好位于边框的中心位置，避免扩展后的边缘冲突：

  let insetRect = rect.insetBy(dx: borderWidth/2, dy: borderWidth/2)
  let adjustedRadius = max(cornerRadius - borderWidth/2, 0)
  let path = UIBezierPath(roundedRect: insetRect, cornerRadius: adjustedRadius)
  

• 或者将CAShapeLayer的lineJoin设为.round，让衔接处圆润过渡，掩盖间隙：

  layer.lineJoin = .round
  

内容的提问来源于stack exchange，提问作者Trung Phan