刮奖的实现;(刮开上层图层蒙版,露出底部的视图)
2016-01-19 16:19
288 查看
1、首先在storyboard中拖两个imageView,是相互重叠的两个imageView,把要刮开显示的图片放到下面,上面的imageView显示要刮掉的图片,在上层显示的图片要开启交互功能,如图:
2、代码实现。
上层的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); // 取出会之后的图片赋值给imageB self.imageB.image = UIGraphicsGetImageFromCurrentImageContext(); // 关闭图形上下文 UIGraphicsEndImageContext(); } }
手指离开屏幕时,判断
- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ self.isTouch = NO; }
相关文章推荐
- HttpContext.Current.Request.Files
- nodejs PNG 格式解析
- LeetCode 328:Odd Even Linked List
- ActiveMq初探一
- Android确定分区布局
- 【rabbitmq】error XX/otp_src_18.2.1/erts/configure' failed for erts
- 感谢51CTO
- linux下samba共享中文乱码解决办法
- PHP和JAVA双语言重构项目
- Library not loaded: /System/Library/Frameworks/LocalAuthentication.framework
- 为什么进行广告创意
- 使用GestureDetector进行手势识别
- Request.QueryString[""] 与 Request[""] 、 Request.QueryString[""].Tostring()
- iOS Outlets Referencing Outlets
- Nagios安装配置
- js 校验问题
- 禁止项目横屏
- Java垃圾回收机制
- 基于ip定位城市的简单实现
- 被IP代理网站屏蔽了,真是跪了