iOS绘图到屏幕

时间:2011-06-08 20:45:42

标签: ios core-graphics draw paint

我正在使用核心图形绘制到iOS屏幕,我设法能够在屏幕上绘图,但是从我遵循的教程中,绘图屏幕覆盖了我的nib文件中的所有其他内容。任何人都可以帮我弄清楚如何将绘图区域限制在我在笔尖中创建的视图中?我已经坚持了一段时间。

我遵循的教程是这样的: http://www.ifans.com/goto/http://www.touchrepo.com/SampleCode/TEST_DRAW_APP.zip

我的代码:

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.

    //Set text from previous
    text.text = [[GameManager sharedManager] inText];

    drawImage = [[UIImageView alloc] initWithImage:nil];
    drawImage.frame = self.view.frame;
    [self.view addSubview:drawImage];
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 
{
    mouseSwiped = NO;
    UITouch *touch = [touches anyObject];

    if ([touch tapCount] == 2) {
        drawImage.image = nil;
        return;
    }

    lastPoint = [touch locationInView:self.view];
    lastPoint.y -= 20;

}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event 
{
    mouseSwiped = YES;
    UITouch *touch = [touches anyObject];   
    CGPoint currentPoint = [touch locationInView:self.view];
    currentPoint.y -= 20;

    UIGraphicsBeginImageContext(self.view.frame.size);
    [drawImage.image drawInRect:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound);
    CGContextSetLineWidth(UIGraphicsGetCurrentContext(), 5.0);
    CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), 1.0, 0.0, 0.0, 1.0);
    CGContextBeginPath(UIGraphicsGetCurrentContext());
    CGContextMoveToPoint(UIGraphicsGetCurrentContext(), lastPoint.x, lastPoint.y);
    CGContextAddLineToPoint(UIGraphicsGetCurrentContext(), currentPoint.x, currentPoint.y);
    CGContextStrokePath(UIGraphicsGetCurrentContext());
    drawImage.image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    lastPoint = currentPoint;    
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event 
{
    UITouch *touch = [touches anyObject];

    if ([touch tapCount] == 2) 
    {
            drawImage.image = nil;
            return;
    }

    if(!mouseSwiped) 
    {
        UIGraphicsBeginImageContext(self.view.frame.size);
        [drawImage.image drawInRect:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
        CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound);
        CGContextSetLineWidth(UIGraphicsGetCurrentContext(), 5.0);
        CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), 1.0, 0.0, 0.0, 1.0);
        CGContextMoveToPoint(UIGraphicsGetCurrentContext(), lastPoint.x, lastPoint.y);
        CGContextAddLineToPoint(UIGraphicsGetCurrentContext(), lastPoint.x, lastPoint.y);
        CGContextStrokePath(UIGraphicsGetCurrentContext());
        CGContextFlush(UIGraphicsGetCurrentContext());
        drawImage.image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
    }
}

1 个答案:

答案 0 :(得分:0)

我已成功将UIView扩展到我从界面构建器中的xib引用的子类中。这样我就可以在界面构建器中看到视图,移动它并从界面构建器更改它的属性。我这样做但是你可以按照你喜欢的任何顺序这样做:

  1. 为您的视图创建一个新的UIView类实例,稍后将在界面构建器中进行链接。
  2. 在新的视图类中重写drawRect方法并在那里进行绘制。请记住获取对图形上下文的引用,以便您可以使用它进行绘制。我看到你经常使用UIGraphicsGetCurrentContext()方法。如果你正在做复杂的事情,最好将它分配给变量以避免开销并提高绘图性能。
  3. 在Interface Builder中,选择要放入视图的视图控制器,然后从对象库将新视图拖到视图控制器上。根据需要调整空白框的大小。
  4. 最后在界面构建器中选择您的视图,然后转到“Identity Inspector”选项卡。选择您之前在自定义类下创建的类 - >类下拉(如果你在这里找不到它,请不要担心,重新启动Xcode并重新开始尝试,有时会发生这种情况)。
  5. 当您的视图在界面构建器中显示为空白时,它应该在您为视图设置的框架中运行时绘制。
  6. 当用户触摸视图控制器时,我看到你在画画。这些触摸事件仍可在主视图控制器类中处理。要处理此问题,您可以更改子视图中的某些属性,并在子视图上调用'setNeedsDisplay',以确保在下一次显示刷新时调用子视图的draw方法。