用觸摸繪製和擦除線條

Question

我在單獨的UIImageView中有背景圖像（ImageBG）和前景圖像（ImageFG）。它們的大小相同，顧名思義，ImageBG位於ImageFG後面，因此您無法看到ImageBG。

如果用戶開始「畫」他們，而不是一條線出現在用戶觸摸屏幕的地方，我希望這部分ImageFG變得透明並顯示ImageBG。

我能想到的最接近的事情就是從零開始。

我知道如何在圖形上下文中繪製圖形，但是當我畫一條透明線（alpha = 0）時，好......我在圖形上下文中獲得了一條透明線，基本上沒有任何繪製。這是我用來設置筆觸顏色。

CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), 1.0, 0.0, 0.0, 0.0) 

我在做什麼錯？我知道這是可能的，因爲有應用程序在那裏做。

任何提示，技巧或方向表示讚賞。

Answer 1

因此，您有一個像灰色東西一樣圖像的圖層，您將此圖像（在本例中是一個UIImageView及其UIImage.image的scratchImage）寫入圖形上下文。然後，將混合模式設置爲kCGBlendModeClear，然後保存該圖像（使用清除的路徑）。這會在另一個UIImageView中顯示一個圖像。請注意，在這個例子中，self是一個UIView。

所以touchesMoved之外創建一個變量的touchesBegan舉行CGPoint

CGPoint previousPoint; 
CGPoint currentPoint; 

然後，將其設置爲上一個點。

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

previousPoint = [touch locationInView:self]; 

}

在touchesMoved，寫入圖像的上下文中，行程與透明摻合物的模式的圖像，從上下文保存圖像，和前一個點設置爲當前點。

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



UITouch *touch = [touches anyObject]; 
currentPoint = [touch locationInView:self]; 

UIGraphicsBeginImageContext(self.frame.size); 
//This may not be necessary if you are just erasing, in my case I am 
//adding lines repeatedly to an image so you may want to experiment with moving 
//this to touchesBegan or something. Which of course would also require the begin 
//graphics context etc. 

[scratchImage.image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)]; 

CGContextSaveGState(UIGraphicsGetCurrentContext()); 
CGContextSetShouldAntialias(UIGraphicsGetCurrentContext(), YES); 
CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound); 
CGContextSetLineWidth(UIGraphicsGetCurrentContext(), 5.0); 
CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), 0.25, 0.25, 0.25, 1.0); 
CGMutablePathRef path = CGPathCreateMutable(); 
CGPathMoveToPoint(path, nil, previousPoint.x, previousPoint.y); 
CGPathAddLineToPoint(path, nil, currentPoint.x, currentPoint.y); 
CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeClear);  
CGContextAddPath(UIGraphicsGetCurrentContext(), path); 
CGContextStrokePath(UIGraphicsGetCurrentContext()); 
scratchImage.image = UIGraphicsGetImageFromCurrentImageContext(); 
CGContextRestoreGState(UIGraphicsGetCurrentContext()); 
UIGraphicsEndImageContext(); 
previousPoint = currentPoint; 
}