美文网首页iOS界面特效篇iOS开发学习Objective-C & Swift
iOS实现刮刮乐功能与图片添加水印功能

iOS实现刮刮乐功能与图片添加水印功能

作者: PandaXiong | 来源:发表于2016-07-04 15:28 被阅读283次
刮刮乐效果

代码简单直接上代码
1.创建子视图

- (void)setupSubviews {
    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(20, 100, kScreenWidth-40, kScreenWidth-40)];
    label.text = @"斯塔克家族 - 凛冬将至";
    label.numberOfLines = 0;
    label.backgroundColor = [UIColor grayColor];
    label.font = [UIFont systemFontOfSize:30];
    label.textAlignment = NSTextAlignmentCenter;
    [self.view addSubview:label];
    self.imageView = [[UIImageView alloc]initWithFrame:CGRectMake(20, 100, kScreenWidth-40, kScreenWidth-40)];
    self.imageView.image = [UIImage imageNamed:@"001"];
    [self.view addSubview:self.imageView ];
    //图片添加文字水印
    self.imageView.image = [self image:_imageView.image addText:@"哪个家族的家徽?" msakRect:CGRectMake(10, 55, 130, 80)];
    //图片添加图片水印
    //self.imageView.image = [self image:_imageView.image addMsakImage:[UIImage imageNamed:@"002.jpg"] msakRect:CGRectMake(0, 0, 130, 80)];
}

2.实现刮刮乐效果

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    // 触摸任意位置
    UITouch *touch = touches.anyObject;
    // 触摸位置在图片上的坐标
    CGPoint cententPoint = [touch locationInView:self.imageView];
    // 设置清除点的大小
    CGRect  rect = CGRectMake(cententPoint.x, cententPoint.y, 30, 30);
    // 默认是去创建一个透明的视图
    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;

}

3.图片添加文字水印

- (UIImage *)image:(UIImage *)image addText:(NSString *)mark msakRect:(CGRect)rect{
    int w = image.size.width;
    int h = image.size.height;
    UIGraphicsBeginImageContext(image.size);
    [[UIColor redColor] set];
    [image drawInRect:CGRectMake(0, 0, w, h)];
    NSMutableDictionary *dict = [NSMutableDictionary dictionary];//改写字体属性
    dict[NSFontAttributeName] = [UIFont systemFontOfSize:30];//字号
    dict[NSForegroundColorAttributeName] = [UIColor grayColor];//颜色
    dict[NSStrokeWidthAttributeName] = @5;//空心
    [mark drawInRect:rect withAttributes:dict];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

图片添加图片水印

4.图片添加图片水印

- (UIImage *)image:(UIImage *)image addMsakImage:(UIImage *)maskImage msakRect:(CGRect)rect
{
    UIGraphicsBeginImageContext(image.size);
    [image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
    //四个参数为水印图片的位置
    [maskImage drawInRect:rect];
    UIImage *resultingImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return resultingImage;
}

相关文章

  • iOS实现刮刮乐功能与图片添加水印功能

    代码简单直接上代码1.创建子视图 2.实现刮刮乐效果 3.图片添加文字水印 4.图片添加图片水印

  • iOS刮刮乐实现

    前言 突然看到支付宝的刮刮卡功能,闲来无事,写了一个小demo。 步骤及思路 UI布局; 获取触摸位置在图片上的坐...

  • iOS中刮刮乐功能的实现

    目前很多项目中都会用到“刮刮乐”这个功能点,处于此整理出了一套比较easy的实现方法。 在这里我主要用到了Imag...

  • iOS 无敌刮刮乐+水印文字(UIGraphicsGetCurr

    首先先看效果图,有福利,有福利,有福利! 重要的事情说三遍. 步骤用法: 简单说下,首先是要准备2张图片,一个是刮...

  • iOS “刮刮乐”的简单实现

    这两天闲来无事,做一个“刮刮乐”的小功能给大家乐一乐。哈哈哈,先来看看效果图: 这个女朋友奖很简单就可以实现:1....

  • iOS开发 刮刮乐效果的实现

    引言 我们平时在使用支付宝的时候, 会看到类似彩票刮刮乐的效果。如何实现的呢?下面就直接上代码了... 刮刮乐效果...

  • 第四天

    第四天了 上午处理了昨天AS的遗留问题,添加图片,然后添加容器,添加容器的遮罩,添加鼠标的事件监听来实现类似的刮刮...

  • [iOS] 视频添加动效水印实现介绍

    [iOS] 视频添加动效水印实现介绍 [iOS] 视频添加动效水印实现介绍

  • 刮刮乐

  • 刮刮乐

    2007年3月3日,特别的日子。 为啥特别? 第一次坐飞机,青岛飞西安,提前4个小时就到机场了,在网上研究过攻略,...

网友评论

本文标题:iOS实现刮刮乐功能与图片添加水印功能

本文链接:https://www.haomeiwen.com/subject/pxocjttx.html