ios刮刮卡效果_iOS基础-小Demo--刮开涂层(刮刮乐效果)

蛾儿雪柳黄金缕,笑语盈盈暗香去!

总结一个小的Demo,先看效果图.

刮开涂层效果.gif

设置刮开后,显示的文字Label

UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(7, 50, 400, 400)];

label.text = @"离思五首\n元稹\n曾经沧海难为水,\n除却巫山不是云!\n取次花丛懒回顾,\n半缘修道半缘君!\n";

label.numberOfLines = 0;

label.backgroundColor = [UIColor colorWithRed:(arc4random()%173)/346.0 + 0.5 green:(arc4random()%173)/346.0 + 0.5 blue:(arc4random()%173)/346.0 + 0.5 alpha: 1];

label.font = [UIFont systemFontOfSize:30];

label.textAlignment = NSTextAlignmentCenter;

[self.view addSubview:label];

2. 设置遮挡在外面的Image

>```obj

self.imageView = [[UIImageView alloc]initWithFrame:CGRectMake(7, 50, 400, 400)];

self.imageView.image = [UIImage imageNamed:@"可达鸭"];

[self.view addSubview:self.imageView ];```

3. 在touchesMoved方法里面实现操作

>```obj

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

// 触摸任意位置

UITouch *touch = touches.anyObject;

// 触摸位置在图片上的坐标

CGPoint cententPoint = [touch locationInView:self.imageView];

// 设置清除点的大小

CGRect rect = CGRectMake(cententPoint.x, cententPoint.y, 20, 20);

// 默认是去创建一个透明的视图

UIGraphicsBeginImageContextWithOptions(self.imageView.bounds.size, NO, 0);

// 获取上下文(画板)

CGContextRef ref = UIGraphicsGetCurrentContext();

// 把imageView的layer映射到上下文中

[self.imageView.layer renderInContext:ref];

// 清除划过的区域

CGContextClearRect(ref, rect);

// 获取图片

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

// 结束图片的画板, (意味着图片在上下文中消失)

UIGraphicsEndImageContext();

self.imageView.image = image;```

ios刮刮卡效果_iOS基础-小Demo--刮开涂层(刮刮乐效果)相关推荐

移动端页面弹幕小Demo实例说明
代码地址如下: http://www.demodashi.com/demo/11595.html 弹幕小Demo实例地址,点击看效果写在前面:尝试做了一下弹幕的实例,欢迎提出并指正问题问题说明: ...
Unity 实现 (刮刮卡/刮刮乐) 效果
Unity 实现 (刮刮卡/刮刮乐) 效果一款功能超级强大的挂卡插件, 可用于Mesh,Sprite以及UI,可以自定义笔刷,修改笔刷大小:可以设置填充模式(可刮,可填充),自带挂卡进度识别,性能超 ...
iOS 仿支付宝刮刮乐效果
支付宝里有个刮刮乐中奖, 和大街小巷里的类似彩票刮刮乐的效果一样. 实现思路, 其实很简单的三步: 展示刮出来的效果的view: 即刮开后刮刮乐效果展示-显示的文字Label 设置遮挡在外面的Imag ...
【游戏客户端】实现刮刮乐效果
[游戏客户端]实现刮刮乐效果之前的博客中,我和大家分享了如何做: 商业化的充值活动 :[商业化充值活动博客] 抽卡系统:[抽奖,抽卡系统博客] 装备系统:[装备系统博客] 红点系统:[红 ...
【你问我答】unity实现一个刮刮乐效果
文章目录一.前言二.原理三.实操 1.安装环境 2. 渲染纹理RenderTexture 3.写脚本:ScratchUI.cs 4.ShaderGraph 5. UI制作 6.材质球 7.挂脚本 ...
iOS-仿支付宝刮刮乐效果
概述仿支付宝刮刮乐效果, 可以按照自己需求更改展示刮出来的效果的view(即刮开后刮刮乐效果展示) 详细代码下载:http://www.demodashi.com/demo/10673.html ...
【Unity】刮刮乐效果（擦除图片像素值）
实现类似刮刮乐效果,擦除图片指定像素值(修改图片Alfa通道) 参考Unity刮刮乐工程源码的实现原理,对实现方式有一些调整这里RawImage需要保持原图大小,不能缩放,不然坐标计算会有偏差 us ...
Android实现刮刮乐效果
一.实现原理与所需技术 Android刮刮乐效果的实现,自定义view,绘制出中奖信息,将一张图片绘制在中奖信息的上层,通过onTouchEvent监听用户手势,通过path记录绘制轨迹,设置绘制方式 ...
解决微信小程序ios端滚动卡顿的问题
解决微信小程序ios端滚动卡顿的问题参考文章: (1)解决微信小程序ios端滚动卡顿的问题 (2)https://www.cnblogs.com/goloving/p/10563472.html 备 ...

ios刮刮卡效果_iOS基础-小Demo--刮开涂层(刮刮乐效果)

ios刮刮卡效果_iOS基础-小Demo--刮开涂层(刮刮乐效果)相关推荐

最新文章

热门文章