1、首先在storyboard中拖兩個imageView，是相互重疊的兩個imageView，把要刮開顯示的圖片放到下面，上面的imageView顯示要刮掉的圖片，在上層顯示的圖片要開啟交互功能，如圖：

2、代碼實現。

上層的imageView拖到控制器一個屬性，同時再建立一個屬性判斷手指是否在觸摸屏幕；

@property(nonatomic,assign) BOOL isTouch; @property (weak, nonatomic) IBOutlet UIImageView *imageB;

獲取手指并判斷手指是否在觸摸

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{// 獲取手指UITouch *touch = [touches anyObject];// 判斷手指是否在觸摸if (touch.view == self.imageB ) {self.isTouch = YES;}}

獲取到手指滑動的位置，把滑動的位置成為透明狀態，就顯示出底部的圖片，從而造成是刮開上面的視圖，露出底部視圖的效果

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {if (self.isTouch) {// 開啟上下文 UIGraphicsBeginImageContext(self.imageB.frame.size);// 將圖片繪制到圖形上下文中 [self.imageB.image drawInRect:self.imageB.bounds];// 清空手指觸摸的位置// 拿到手指,根據手指的位置,讓對應的位置成為透明UITouch *touch = [touches anyObject];CGPoint point = [touch locationInView:touch.view];CGRect rect = CGRectMake(point.x - 10, point.y - 10, 20, 20);// 清空rect CGContextClearRect(UIGraphicsGetCurrentContext(), rect);// 取出會之后的圖片賦值給imageBself.imageB.image = UIGraphicsGetImageFromCurrentImageContext();// 關閉圖形上下文 UIGraphicsEndImageContext();}}

手指離開屏幕時，判斷

- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{self.isTouch = NO; }

?

轉載于:https://www.cnblogs.com/h-tao/p/5142554.html

總結

以上是生活随笔為你收集整理的刮奖的实现；（刮开上层图层蒙版，露出底部的视图）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。