iOS开发之在列表上方添加水印的方法

 更新时间:2018年08月03日 11:21:39   作者:嫌疑人zx  
这篇文章主要给大家介绍了关于iOS开发之在列表上方添加水印的相关资料,文中给出了详细的示例代码供需要的朋友们参考学习,对大家的学习或工作具有一定的参考借鉴价值,下面随着小编来一起学习学习吧

前言

为了防止工程师泄露用户信息,我们有个需求是在列表上面添加水印。我封装了这个视图分享出来。下面话不多说了,来一起看看详细的介绍吧

效果图


示例代码如下:

watermarkView.h

#import <UIKit/UIKit.h>

@interface watermarkView : UIImageView

/**
 设置水印

 @param frame 水印大小
 @param markText 水印显示的文字
 */
- (instancetype)initWithFrame:(CGRect)frame WithText:(NSString *)markText;

@end

watermarkView.m

#import "watermarkView.h"

#define HORIZONTAL_SPACE 30//水平间距
#define VERTICAL_SPACE 50//竖直间距
#define CG_TRANSFORM_ROTATION (M_PI_2 / 3)//旋转角度(正旋45度 || 反旋45度)

@implementation watermarkView

- (instancetype)initWithFrame:(CGRect)frame WithText:(NSString *)markText{
 if(self = [super initWithFrame:frame]){
  
  UIFont *font = [UIFont systemFontOfSize:14];
  
  UIColor *color = YTHColorAlpha(152, 152, 152, 0.1);
  
  //原始image的宽高
  CGFloat viewWidth = frame.size.width;
  CGFloat viewHeight = frame.size.height;
  
  //为了防止图片失真,绘制区域宽高和原始图片宽高一样
  UIGraphicsBeginImageContext(CGSizeMake(viewWidth, viewHeight));
  
  //sqrtLength:原始image的对角线length。在水印旋转矩阵中只要矩阵的宽高是原始image的对角线长度,无论旋转多少度都不会有空白。
  CGFloat sqrtLength = sqrt(viewWidth*viewWidth + viewHeight*viewHeight);
  //文字的属性
  NSDictionary *attr = @{
        //设置字体大小
        NSFontAttributeName: font,
        //设置文字颜色
        NSForegroundColorAttributeName :color,
        };
  NSString* mark = markText;
  NSMutableAttributedString *attrStr = [[NSMutableAttributedString alloc] initWithString:mark attributes:attr];
  //绘制文字的宽高
  CGFloat strWidth = attrStr.size.width;
  CGFloat strHeight = attrStr.size.height;
  
  //开始旋转上下文矩阵,绘制水印文字
  CGContextRef context = UIGraphicsGetCurrentContext();
  
  //将绘制原点(0,0)调整到原image的中心
  CGContextConcatCTM(context, CGAffineTransformMakeTranslation(viewWidth/2, viewHeight/2));
  //以绘制原点为中心旋转
  CGContextConcatCTM(context, CGAffineTransformMakeRotation(CG_TRANSFORM_ROTATION));
  //将绘制原点恢复初始值,保证当前context中心和源image的中心处在一个点(当前context已经旋转,所以绘制出的任何layer都是倾斜的)
  CGContextConcatCTM(context, CGAffineTransformMakeTranslation(-viewWidth/2, -viewHeight/2));
  
  //计算需要绘制的列数和行数
  int horCount = sqrtLength / (strWidth + HORIZONTAL_SPACE) + 1;
  int verCount = sqrtLength / (strHeight + VERTICAL_SPACE) + 1;
  
  //此处计算出需要绘制水印文字的起始点,由于水印区域要大于图片区域所以起点在原有基础上移
  CGFloat orignX = -(sqrtLength-viewWidth)/2;
  CGFloat orignY = -(sqrtLength-viewHeight)/2;
  
  //在每列绘制时X坐标叠加
  CGFloat tempOrignX = orignX;
  //在每行绘制时Y坐标叠加
  CGFloat tempOrignY = orignY;
  for (int i = 0; i < horCount * verCount; i++) {
   [mark drawInRect:CGRectMake(tempOrignX, tempOrignY, strWidth, strHeight) withAttributes:attr];
   if (i % horCount == 0 && i != 0) {
    tempOrignX = orignX;
    tempOrignY += (strHeight + VERTICAL_SPACE);
   }else{
    tempOrignX += (strWidth + HORIZONTAL_SPACE);
   }
  }
  //根据上下文制作成图片
    UIImage *finalImg = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();
  CGContextRestoreGState(context);
  
  self.image = finalImg;
 }
 
 return self;
}

-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
 
 //1.判断自己能否接收事件
 if(self.userInteractionEnabled == NO || self.hidden == YES || self.alpha <= 0.01) {
  return nil;
 }
 //2.判断当前点在不在当前View.
 if (![self pointInside:point withEvent:event]) {
  return nil;
 }
 //3.从后往前遍历自己的子控件.让子控件重复前两步操作,(把事件传递给,让子控件调用hitTest)
 int count = (int)self.subviews.count;
 for (int i = count - 1; i >= 0; i--) {
  //取出每一个子控件
  UIView *chileV = self.subviews[I];
  //把当前的点转换成子控件坐标系上的点.
  CGPoint childP = [self convertPoint:point toView:chileV];
  UIView *fitView = [chileV hitTest:childP withEvent:event];
  //判断有没有找到最适合的View
  if(fitView){
   return fitView;
  }
 }
 
 //4.没有找到比它自己更适合的View.那么它自己就是最适合的View
 return self;
}

//作用:判断当前点在不在它调用View,(谁调用pointInside,这个View就是谁)
//什么时候调用:它是在hitTest方法当中调用的.
//注意:point点必须得要跟它方法调用者在同一个坐标系里面
-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
 NSLog(@"%s",__func__);
 return NO;
}

使用方法

 //加水印
 watermarkView *watermark = [[watermarkView alloc] initWithFrame:CGRectMake(0, 0, KScreenW, KScreenH) WithText:@"测试"];
 [self.view addSubview:watermark];

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • swift 单例的实现方法及实例

    swift 单例的实现方法及实例

    这篇文章主要介绍了swift 单例的实现方法及实例的相关资料,需要的朋友可以参考下
    2017-07-07
  • iOS开发中CALayer使用的基本教程

    iOS开发中CALayer使用的基本教程

    这篇文章主要介绍了iOS开发中CALayer使用的基本教程,代码基于传统的Objective-C,需要的朋友可以参考下
    2015-11-11
  • iOS App开发中的UIStackView堆叠视图使用教程

    iOS App开发中的UIStackView堆叠视图使用教程

    UIStackView是iOS9以来新增加的组件,使我们能够对UIView子类对象进行灵活排版,这里我们就来看一下iOS App开发中的UIStackView堆叠视图使用教程
    2016-07-07
  • 详解iOS AFNetworking取消正在进行的网络请求

    详解iOS AFNetworking取消正在进行的网络请求

    这篇文章主要介绍了详解iOS AFNetworking取消正在进行的网络请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • IOS实现左右两个TableView联动效果

    IOS实现左右两个TableView联动效果

    在我们日常开发IOS中,经常见到两个tableview的联动,滑动一侧tableview,另一侧tableview跟着滑动,其实实现起来比较简单,只是需要搞清楚他们之间的区别和联系,下面一起来看看如何实现。
    2016-08-08
  • iOS开发之导航栏各种右滑返回失效的解决方法汇总

    iOS开发之导航栏各种右滑返回失效的解决方法汇总

    这篇文章主要给大家总结介绍了关于iOS开发教程之导航栏各种右滑返回失效的解决方法,文中通过示例代码介绍的非常详细,对各位iOS具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • iOS常用组件之高效切圆角的方法汇总

    iOS常用组件之高效切圆角的方法汇总

    最近在研究切圆角的方法,也找了下网上的资料,所以下面这篇文章主要给大家总结介绍了关于iOS常用组件之高效切圆角的一些方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • iOS开发教程之识别图片中二维码功能的实现

    iOS开发教程之识别图片中二维码功能的实现

    长按识别二维码这个功能相信对大家来说都不陌生,最近工作中就遇到了这个需求,所以下面这篇文章主要给大家介绍了关于利用iOS识别图片中二维码的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-07-07
  • iOS与Unity交互笔记之参数传递

    iOS与Unity交互笔记之参数传递

    这篇文章主要给大家介绍了关于iOS与Unity交互笔记之参数传递的相关资料,需要的朋友可以参考下
    2019-04-04
  • iOS中使用UItableviewcell实现团购和微博界面的示例

    iOS中使用UItableviewcell实现团购和微博界面的示例

    这篇文章主要介绍了iOS中使用UItableviewcell实现团购和微博界面的示例,开发语言基于传统的Objective-C,需要的朋友可以参考下
    2016-01-01

最新评论