实现绘图应用程序的橡皮擦功能

时间:2013-04-02 19:51:40

标签: iphone ios uiimageview drawing

我在ray wenderlich的网站上关注这个很棒的教程,关于使用UIKit创建一个简单的绘图应用程序。 http://www.raywenderlich.com/18840/how-to-make-a-simple-drawing-app-with-uikit

教程很棒,一切正常。我遇到的问题是,当创建橡皮擦功能时,ray提出的解决方案是使用与背景颜色相同的画笔。对我来说,这似乎不是一个很好的解决方案。如果背景不是像渐变那样的纯色或者像很多着色书应用程序中的任何图像那么该怎么办。

所以基本上问题是:有没有办法从给定位置的UIImageView中删除颜色(将该区域中的所有像素转换为透明)?

任何帮助或指示都会受到极大的关注。感谢

3 个答案:

答案 0 :(得分:1)

使用画笔但颜色用途:

[UIColor clearColor]

答案 1 :(得分:1)

在长时间搜索之后,我在我的应用程序中遇到了同样的问题,我找到了解决此问题的简单方法。

我刚刚使用了UIViewController

的触摸方法

以下是我的方法,

<强>代码: -

   #pragma mark touches stuff...



 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
        UITouch *touch = [touches anyObject];
        lastTouch = [touch locationInView:self.editedImageView];
    }

    - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
        UITouch *touch = [touches anyObject];
        currentTouch = [touch locationInView:self.editedImageView];

        CGFloat brushSize;
        if (isEraser) 
        {
            brushSize=eraser;
        }
        else
        {
            brushSize=mark;
        }
        CGColorRef strokeColor = [UIColor whiteColor].CGColor;

        UIGraphicsBeginImageContext(self.editedImageView.frame.size);
        CGContextRef context = UIGraphicsGetCurrentContext();
        [self.editedImageView.image drawInRect:CGRectMake(0, 0, self.editedImageView.frame.size.width, self.editedImageView.frame.size.height)];
        CGContextSetLineCap(context, kCGLineCapRound);
        CGContextSetLineWidth(context, brushSize);
        if (isEraser) {

            CGContextSetStrokeColorWithColor(UIGraphicsGetCurrentContext(), [UIColor colorWithPatternImage:self.im].CGColor);
        }  
        else
        {
            CGContextSetStrokeColorWithColor(context, strokeColor);
            CGContextSetBlendMode(context, kCGBlendModeClear); 
        }
        CGContextBeginPath(context);
        CGContextMoveToPoint(context, lastTouch.x, lastTouch.y);
        CGContextAddLineToPoint(context, currentTouch.x, currentTouch.y);
        CGContextStrokePath(context);
        self.editedImageView.image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();

        lastTouch = [touch locationInView:self.editedImageView];
    }

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

    }

输入:

self.editedImageView.image = "Your Custom image";

self.im    =   "Your Custom image";

问题的简单解决方案是: -

CGContextSetStrokeColorWithColor(UIGraphicsGetCurrentContext(), [UIColor colorWithPatternImage:self.im].CGColor);

注意:

这不会再次消除它在

上绘制图像

<强>更新: -

 self.im    =   "Your Custom image";

这将是这样的......

-(void)eraserConfigure
{
    UIImageView *resizeImage=[[[UIImageView alloc]initWithImage:editedImage]autorelease];
    /*UIImage */self.im=[UIImage imageFromView:resizeImage scaledToSize:CGSizeMake(self.editedImageView.frame.size.width, self.editedImageView.frame.size.height)];
}

答案 2 :(得分:1)

我可以使用以下代码解决问题:

CGContextSetBlendMode(UIGraphicsGetCurrentContext(),kCGBlendModeClear);

Reference