欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

刮奖的实现;(刮开上层图层蒙版,露出底部的视图)

发布时间:2025/5/22 编程问答 90 豆豆
生活随笔 收集整理的这篇文章主要介绍了 刮奖的实现;(刮开上层图层蒙版,露出底部的视图) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

总结

以上是生活随笔为你收集整理的刮奖的实现;(刮开上层图层蒙版,露出底部的视图)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。