OGeek|极客世界-中国程序员成长平台

标题: ios - 带有 CGContextStrokePath 的虚线 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 11:40
标题: ios - 带有 CGContextStrokePath 的虚线

我正在开发一个用户应该能够用手指画线的应用程序。用户可以启用虚线，但我在尝试这样做时遇到了一个奇怪的问题。如果用户缓慢拖动手指，则会出现一条实线，但当用户快速拖动手指时，则会出现破折号。无论启用什么，我都希望破折号出现。问题如下图所示:

我正在使用 UIPanGestureRecognizer 收集接触点:

-(void)dragGestureCapturedUIPanGestureRecognizer *)gesture
{
    NSValue* touchPoint = [NSValue valueWithCGPoint:[gesture locationInView:self.drawingView]];

    if(gesture.state == UIGestureRecognizerStateBegan)
    {
        [self initializePreviousPointValues:[touchPoint CGPointValue]];
    }
    else if (gesture.state == UIGestureRecognizerStateEnded)
    {
        EBLog(@"Dragging ends..");
        return;
    }

    previousPoint2 = previousPoint1;
    previousPoint1 = currentPoint;
    currentPoint = [touchPoint CGPointValue];

    CGPoint mid1 = midPoint(previousPoint1, previousPoint2);
    CGPoint mid2 = midPoint(currentPoint, previousPoint1);

    [self.drawingView addDrawColor:self.currentDrawColor];
    [self.drawingView.controlPoints addObject:[NSValue valueWithCGPoint:previousPoint1]];
    [self.drawingView.points addObject:[NSValue valueWithCGPoint:mid2]];
    [self.drawingView.movePoints addObject:[NSValue valueWithCGPoint:mid1]];

    [self.drawingView setNeedsDisplay];
}

drawingView 使用 controlsPoints、points 和 movePoints 来绘制线条:

- (void)drawLinesInContextCGContextRef)context
{    
    for (int i = 0; i < [self.points count]; i++)
    {
        CGPoint movePoint = [[self.movePoints objectAtIndex:i] CGPointValue];
        CGPoint controlPoint = [[self.controlPoints objectAtIndex:i] CGPointValue];
        CGPoint point = [[self.points objectAtIndex:i] CGPointValue];

        CGContextMoveToPoint(context, movePoint.x, movePoint.y);
        CGContextAddQuadCurveToPoint(context, controlPoint.x, controlPoint.y, point.x, point.y);

        NSNumber* colorHash = [self.colorHashes objectAtIndex:i];
        UIColor* col = [self.colorsForHashValue objectForKey:colorHash];

        CGFloat red = 0.0f, blue = 0.0f, green = 0.0f, alpha = 1.0f;

        [col getRed:&red green:&green blue:&blue alpha:&alpha];

        if (alpha == 0.0f)
        {
            penWidth = 15.0f;
            CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeClear);
        }
        else
        {
            penWidth = 5.0f;
            CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeNormal);
            CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), red, green, blue, alpha);
        }

        CGContextSetLineCap(context, kCGLineCapRound);
        CGContextSetLineWidth(context, penWidth);
        CGContextSetShouldAntialias(context, false);
        CGContextSetAllowsAntialiasing(context, false);

        if (self.drawDashedLines)
        {
            CGFloat dashLengths[] = {10.0f, 10.0f};
            CGContextSetLineDash(context, 0.0f, dashLengths, 2);
        }

        CGContextStrokePath(context);
    }
}

drawLinesInContext: 在 drawRect: 中调用。

我做错了什么，因为在缓慢拖动时没有出现破折号？

我已经看过 Drawing a dashed line with CGContextSetLineDash并尝试了 CGPathAddLineToPoint 看看它是否有所作为，但它没有。我遇到了完全相同的问题。

---

Best Answer-推荐答案

问题是您在每个后续点之间绘制单独的路径，并且 每条路径都以新的破折号模式开始。如果手指缓慢移动，则绘制 很多非常短的路径。如果路径短于 10 个点(第一个 绘制的破折号长度)然后根本看不到破折号图案。

下面的伪代码希望能说明如何解决这个问题。而不是

for i = 1 ... N {
    move to point[i-1] 
    curve to point[i]
    set line dash
    stroke path
}

应该是

move to point[0]
for i = 1 ... N {
    curve to point[i]
}
set line dash
stroke path

关于ios - 带有 CGContextStrokePath 的虚线，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25520388/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4