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

2、代碼實(shí)現(xiàn)。

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

@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;}}

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

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {if (self.isTouch) {// 開啟上下文 UIGraphicsBeginImageContext(self.imageB.frame.size);// 將圖片繪制到圖形上下文中 [self.imageB.image drawInRect:self.imageB.bounds];// 清空手指觸摸的位置// 拿到手指,根據(jù)手指的位置,讓對(duì)應(yīng)的位置成為透明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);// 取出會(huì)之后的圖片賦值給imageBself.imageB.image = UIGraphicsGetImageFromCurrentImageContext();// 關(guān)閉圖形上下文 UIGraphicsEndImageContext();}}

手指離開屏幕時(shí)，判斷

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/h-tao/p/5142554.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。