如何在用戶觸摸時擦除部分圖像

Question

我的主要目標是在圖像上有一個灰色區域，然後當用戶在該灰色區域上摩擦時，它會顯示下面的圖像。基本上像一個彩票刮板卡。我已經完成了大量搜索文檔以及本網站，但無法找到解決方案。

以下只是基於用戶觸摸位置測試「擦除」圖像的概念驗證，但它不起作用。 :(

我有一個檢測觸摸一個UIView，然後將移動的COORDS到的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

很久以前，我一直在嘗試做同樣的事情，只使用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

如果你想看看目前與OpenCV的工作在AppStore上的應用程序去獲得：Flags&Faces

Answer 2

通常你想畫成的drawRect內當前圖形上下文：方法，不是任何舊方法。此外，剪輯區域僅影響繪製到當前圖形上下文的內容。但是不要去探討爲什麼這種方法不起作用，我會建議採取不同的方式。

我會做的是有兩個意見。一個帶有圖像，另一個帶有透明的灰色。這允許圖形硬件緩存圖像，而不是每次修改灰色填充時嘗試重新繪製圖像。

灰色將是一個帶有CGBitmapContext的UIView子類，您可以通過該子類來使用戶觸摸的像素清晰。

可能有幾種方法可以做到這一點。我只是建議一種方式。