使用 CGContextSetLineDash 绘制虚线

Question

我正在尝试用CGContextSetLineDash 画一条虚线。

这是我的代码：

float dashPhase = 0.0;
float dashLengths[] = {30, 30};
CGContextSetLineDash(context, dashPhase, dashLengths, 20.0);
self.previousPoint2 = self.previousPoint1;
self.previousPoint1 = previous;
self.currentPoint = current;

self.mid1 = [self pointBetween:self.previousPoint1 andPoint:self.previousPoint2];
self.mid2 = [self pointBetween:self.currentPoint andPoint:self.previousPoint1];

UIBezierPath* newPath = [UIBezierPath bezierPath];

[newPath moveToPoint:self.mid1];
[newPath addLineToPoint:self.mid2];
[newPath setLineWidth:self.brushSize];

但是，如果我画得很慢，它们不会出现虚线（见下图顶部），但如果我画得很快，它们会出现（见下图底部）。

为什么会这样？

Answer 1

您已设置dashPhase = 0.，因此每次开始新行时，模式都会以 30 单位的已绘制线段开始，然后是 30 单位的未绘制线段。如果线段较短，则绘制整条线。

因此，您要么使用单个路径，仅在其中附加线段，要么为每个新子路径计算 dashPhase 从何处开始模式。

（CGContextSetLineDash的最后一个参数不应该是dashLengths[]的长度，即2吗？）

更新：正如我们在讨论中发现的那样，只要用户绘制相同的曲线，问题的解决方案确实是在最后的贝塞尔路径中添加线段：

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    // ...
    // Compute nextPoint to draw ...
    UIBezierPath *lastPath = [self.paths lastObject]; 
    [lastPath addLineToPoint:self.nextPoint];
    // ...
}