绘制形状时线条被擦除

Question

我正在尝试制作一个通过触摸在屏幕上绘制形状的应用程序。

我可以从一个点到另一个点画一条线，但每次新画时它都会被擦除。

这是我的代码：

CGPoint location;
CGContextRef context;
CGPoint drawAtPoint;
CGPoint lastPoint;
-(void)awakeFromNib{
    //[self addSubview:noteView];
}

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [[event allTouches] anyObject];
    location = [touch locationInView:touch.view];
    [self setNeedsDisplayInRect:CGRectMake(0, 0, 320, 480)];
}

- (void)drawRect:(CGRect)rect {
    context = UIGraphicsGetCurrentContext();
    [[UIColor blueColor] set];
    CGContextSetLineWidth(context,10);
    drawAtPoint.x =location.x;
    drawAtPoint.y =location.y;
    CGContextAddEllipseInRect(context,CGRectMake(drawAtPoint.x, drawAtPoint.y, 2, 2));
    CGContextAddLineToPoint(context,lastPoint.x, lastPoint.y);
    CGContextStrokePath(context);

    lastPoint.x =location.x;
    lastPoint.y =location.y;
}

感谢您的帮助 -

Nir。

Answer 1

正如您所发现的，-drawRect 是显示视图内容的地方。您只能在屏幕上“看到”您在此处绘制的内容。

这比 Flash 之类的东西要低级得多，在 Flash 中，您可能会向舞台添加一个包含一行的影片剪辑，一段时间后将另一个包含一行的影片剪辑添加到舞台，现在您会看到 - 两行！

您将需要做一些工作，并且可能需要设置类似的东西。

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event { 

    UITouch *touch = [[event allTouches] anyObject]; 
    location = [touch locationInView:touch.view]; 

    [self addNewLineFrom:lastPoint to:location];

    lastPoint = location;

    [self setNeedsDisplayInRect:CGRectMake(0, 0, 320, 480)]; 
}

- (void)drawRect:(CGRect)rect {

    context = UIGraphicsGetCurrentContext();

    for( Line *eachLine in lineArray )
        [eachLine drawInContext:context];

}

我想您可以看到如何将其充实到您需要的内容。

解决此问题的另一种方法是使用 CALayers。使用这种方法，您根本不需要在内部绘制 - (void)drawRect - 您可以添加和删除图层，在其中绘制您喜欢的内容，视图将处理将它们合成在一起并根据需要绘制到屏幕上。可能更多的是您正在寻找的东西。

Answer 2

每次调用 drawRect 时，您都会从一张白纸开始。如果您不记录之前绘制的所有内容以便再次绘制，那么您最终只会绘制手指的最新滑动，而不是任何旧的滑动。您必须跟踪所有手指滑动操作，以便在每次调用 drawRect 时重新绘制它们。

Answer 3

您可以绘制图像，然后在 drawRect: 方法中显示该图像，而不是重新绘制每一行。图像将为您累积线条。当然，这种方法使得undo的实现更加困难。

来自iPhone应用程序编程指南：

使用 UIGraphicsBeginImageContext
函数创建一个新的基于图像的
图形上下文。创建此后
上下文，你可以画你的图像
内容进入其中，然后使用
UIGraphics从当前图像上下文获取图像
生成图像的函数
你画了什么。 （如果需要，您可以
甚至继续绘图并生成
其他图像。）完成后
创建图像，使用
UIGraphicsEndImageContext 函数
关闭图形上下文。如果你
更喜欢使用核心显卡，您可以
使用 CGBitmapContextCreate 函数
创建位图图形上下文
并将您的图像内容绘制到其中。
完成绘图后，使用
CGBitmapContextCreateImage 函数
从位图创建 CGImageRef
语境。你可以画出核心
直接图形图像还是用这个吧
初始化 UIImage 对象。