Question

我的主要目标是在图像上放置灰色区域，然后当用户在该灰色区域上摩擦时，它会显示下方的图像。基本上像彩票刮刮卡。我已经完成了大量搜索文档以及此站点，但无法找到解决方案。

以下只是根据用户触摸的位置测试“擦除”图像的概念验证，但它不起作用。：（

我有一个检测触摸的UIView，然后将移动的坐标发送到UIViewController，通过执行以下操作在UIImageView中剪切图像：

- (void) moveDetectedFrom:(CGPoint) from to:(CGPoint) to
{
    UIImage* image = bkgdImageView.image;
    CGSize s = image.size;
    UIGraphicsBeginImageContext(s);
    CGContextRef g = UIGraphicsGetCurrentContext();

    CGContextMoveToPoint(g, from.x, from.y);
    CGContextAddLineToPoint(g, to.x, to.y);
    CGContextClosePath(g);
    CGContextAddRect(g, CGRectMake(0, 0, s.width, s.height));
    CGContextEOClip(g);
    [image drawAtPoint:CGPointZero];
    bkgdImageView.image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    [bkgdImageView setNeedsDisplay];
}

问题是触摸被发送到这个方法就好了，但原始没有任何反应。

我是否错误地进行了剪辑路径？要么？

不太确定......所以你可能会得到的任何帮助都会非常感激。

提前致谢，乔尔

Answer 1

您通常想要绘制drawRect：方法内的当前图形上下文，而不仅仅是任何旧方法。此外，剪辑区域仅影响绘制到当前图形上下文的内容。但是，我没有考虑为什么这种方法不起作用，我建议采取不同的方式。

我要做的是有两个观点。一个是图像，另一个是灰色，透明。这允许图形硬件缓存图像，而不是每次修改灰色填充时都尝试重绘图像。

灰色的一个是带有CGBitmapContext的UIView子类，您可以将其绘制成使用户触摸的像素清晰。

可能有几种方法可以做到这一点。我只是建议一种方法。

Answer 2

我很久以前一直试图做同样的事情，只使用Core Graphics，它可以完成，但相信我，效果并不像用户期望的那样平滑和柔和。所以，我知道如何使用OpenCV（开放式计算机视觉库），并且因为它是用C语言编写的，我知道我可以在iPhone上使用它。使用OpenCV做你想做的事非常容易。首先，你需要一些函数来将UIImage转换为IplImage，它是OpenCV中用来表示各种图像的类型，反之亦然。

+ (IplImage *)CreateIplImageFromUIImage:(UIImage *)image {
CGImageRef imageRef = image.CGImage;
//This is the function you use to convert a UIImage -> IplImage
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

IplImage *iplimage = cvCreateImage(cvSize(image.size.width, image.size.height), IPL_DEPTH_8U, 4);
CGContextRef contextRef = CGBitmapContextCreate(iplimage->imageData, iplimage->width, iplimage->height,
                                                iplimage->depth, iplimage->widthStep,
                                                colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrderDefault);
CGContextDrawImage(contextRef, CGRectMake(0, 0, image.size.width, image.size.height), imageRef);


CGContextRelease(contextRef);

CGColorSpaceRelease(colorSpace);

return iplimage;}



+ (UIImage *)UIImageFromIplImage:(IplImage *)image {

//Convert a IplImage -> UIImage
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
NSData * data = [[NSData alloc] initWithBytes:image->imageData length:image->imageSize];
//NSData *data = [NSData dataWithBytes:image->imageData length:image->imageSize];
CGDataProviderRef provider = CGDataProviderCreateWithCFData((CFDataRef)data);
CGImageRef imageRef = CGImageCreate(image->width, image->height,
                                    image->depth, image->depth * image->nChannels, image->widthStep,
                                    colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrderDefault,
                                    provider, NULL, false, kCGRenderingIntentDefault);
UIImage *ret = [[UIImage alloc] initWithCGImage:imageRef];
CGImageRelease(imageRef);
CGDataProviderRelease(provider);
CGColorSpaceRelease(colorSpace);
[data release];
return ret;}

既然您拥有所需的基本功能，您可以使用IplImage执行任何操作：这就是你想要的：

+(UIImage *)erasePointinUIImage:(IplImage *)image :(CGPoint)point :(int)r{
//r is the radious of the erasing
    int a = point.x;
 int b = point.y;
 int position;
 int minX,minY,maxX,maxY;
 minX = (a-r>0)?a-r:0;
 minY = (b-r>0)?b-r:0;
 maxX = ((a+r) < (image->width))? a+r : (image->width);
 maxY = ((b+r) < (image->height))? b+r : (image->height);

 for (int i = minX; i < maxX ; i++)
 {
    for(int j=minY; j<maxY;j++)
    {
        position =  ((j-b)*(j-b))+((i-a)*(i-a));
        if (position <= r*r)
        {
            uchar* ptr =(uchar*)(image->imageData) + (j*image->widthStep + i*image->nChannels);
            ptr[1] = ptr[2] = ptr[3] = ptr[4] = 0;
        }
    }
}
UIImage * res = [self UIImageFromIplImage:image]; 
return res;}

抱歉格式化。

如果您想知道如何将OpenCV移植到iPhone Yoshimasa Niwa's

如果您想在AppStore上查看当前使用OpenCV的应用，请访问：Flags&Faces

如何在用户触摸图像时擦除部分图像

2 个答案: