iOS開發(fā)之在列表上方添加水印的方法
前言
為了防止工程師泄露用戶信息,我們有個(gè)需求是在列表上面添加水印。我封裝了這個(gè)視圖分享出來。下面話不多說了,來一起看看詳細(xì)的介紹吧
效果圖

示例代碼如下:
watermarkView.h
#import <UIKit/UIKit.h> @interface watermarkView : UIImageView /** 設(shè)置水印 @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)//旋轉(zhuǎn)角度(正旋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;
//為了防止圖片失真,繪制區(qū)域?qū)捀吆驮紙D片寬高一樣
UIGraphicsBeginImageContext(CGSizeMake(viewWidth, viewHeight));
//sqrtLength:原始image的對(duì)角線length。在水印旋轉(zhuǎn)矩陣中只要矩陣的寬高是原始image的對(duì)角線長(zhǎng)度,無(wú)論旋轉(zhuǎn)多少度都不會(huì)有空白。
CGFloat sqrtLength = sqrt(viewWidth*viewWidth + viewHeight*viewHeight);
//文字的屬性
NSDictionary *attr = @{
//設(shè)置字體大小
NSFontAttributeName: font,
//設(shè)置文字顏色
NSForegroundColorAttributeName :color,
};
NSString* mark = markText;
NSMutableAttributedString *attrStr = [[NSMutableAttributedString alloc] initWithString:mark attributes:attr];
//繪制文字的寬高
CGFloat strWidth = attrStr.size.width;
CGFloat strHeight = attrStr.size.height;
//開始旋轉(zhuǎn)上下文矩陣,繪制水印文字
CGContextRef context = UIGraphicsGetCurrentContext();
//將繪制原點(diǎn)(0,0)調(diào)整到原image的中心
CGContextConcatCTM(context, CGAffineTransformMakeTranslation(viewWidth/2, viewHeight/2));
//以繪制原點(diǎn)為中心旋轉(zhuǎn)
CGContextConcatCTM(context, CGAffineTransformMakeRotation(CG_TRANSFORM_ROTATION));
//將繪制原點(diǎn)恢復(fù)初始值,保證當(dāng)前context中心和源image的中心處在一個(gè)點(diǎn)(當(dāng)前context已經(jīng)旋轉(zhuǎn),所以繪制出的任何layer都是傾斜的)
CGContextConcatCTM(context, CGAffineTransformMakeTranslation(-viewWidth/2, -viewHeight/2));
//計(jì)算需要繪制的列數(shù)和行數(shù)
int horCount = sqrtLength / (strWidth + HORIZONTAL_SPACE) + 1;
int verCount = sqrtLength / (strHeight + VERTICAL_SPACE) + 1;
//此處計(jì)算出需要繪制水印文字的起始點(diǎn),由于水印區(qū)域要大于圖片區(qū)域所以起點(diǎn)在原有基礎(chǔ)上移
CGFloat orignX = -(sqrtLength-viewWidth)/2;
CGFloat orignY = -(sqrtLength-viewHeight)/2;
//在每列繪制時(shí)X坐標(biāo)疊加
CGFloat tempOrignX = orignX;
//在每行繪制時(shí)Y坐標(biāo)疊加
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);
}
}
//根據(jù)上下文制作成圖片
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.判斷當(dāng)前點(diǎn)在不在當(dāng)前View.
if (![self pointInside:point withEvent:event]) {
return nil;
}
//3.從后往前遍歷自己的子控件.讓子控件重復(fù)前兩步操作,(把事件傳遞給,讓子控件調(diào)用hitTest)
int count = (int)self.subviews.count;
for (int i = count - 1; i >= 0; i--) {
//取出每一個(gè)子控件
UIView *chileV = self.subviews[I];
//把當(dāng)前的點(diǎn)轉(zhuǎn)換成子控件坐標(biāo)系上的點(diǎn).
CGPoint childP = [self convertPoint:point toView:chileV];
UIView *fitView = [chileV hitTest:childP withEvent:event];
//判斷有沒有找到最適合的View
if(fitView){
return fitView;
}
}
//4.沒有找到比它自己更適合的View.那么它自己就是最適合的View
return self;
}
//作用:判斷當(dāng)前點(diǎn)在不在它調(diào)用View,(誰(shuí)調(diào)用pointInside,這個(gè)View就是誰(shuí))
//什么時(shí)候調(diào)用:它是在hitTest方法當(dāng)中調(diào)用的.
//注意:point點(diǎn)必須得要跟它方法調(diào)用者在同一個(gè)坐標(biāo)系里面
-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
NSLog(@"%s",__func__);
return NO;
}
使用方法
//加水印 watermarkView *watermark = [[watermarkView alloc] initWithFrame:CGRectMake(0, 0, KScreenW, KScreenH) WithText:@"測(cè)試"]; [self.view addSubview:watermark];
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
- IOS實(shí)現(xiàn)展開二級(jí)列表效果
- IOS展開三級(jí)列表效果示例
- iOS多級(jí)列表實(shí)現(xiàn)代碼
- IOS實(shí)現(xiàn)簡(jiǎn)易版的QQ下拉列表
- iOS 標(biāo)簽Tag列表的實(shí)現(xiàn)代碼
- ios基于UITableViewController實(shí)現(xiàn)列表
- iOS實(shí)現(xiàn)列表折疊效果
- iOS列表上拉(平滑加載數(shù)據(jù))自動(dòng)加載數(shù)據(jù)的問題解決
- iOS實(shí)現(xiàn)從通訊錄中選擇聯(lián)系人
- iOS實(shí)現(xiàn)聯(lián)系人列表功能
相關(guān)文章
swift 單例的實(shí)現(xiàn)方法及實(shí)例
這篇文章主要介紹了swift 單例的實(shí)現(xiàn)方法及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-07-07
iOS App開發(fā)中的UIStackView堆疊視圖使用教程
UIStackView是iOS9以來新增加的組件,使我們能夠?qū)IView子類對(duì)象進(jìn)行靈活排版,這里我們就來看一下iOS App開發(fā)中的UIStackView堆疊視圖使用教程2016-07-07
詳解iOS AFNetworking取消正在進(jìn)行的網(wǎng)絡(luò)請(qǐng)求
這篇文章主要介紹了詳解iOS AFNetworking取消正在進(jìn)行的網(wǎng)絡(luò)請(qǐng)求,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
IOS實(shí)現(xiàn)左右兩個(gè)TableView聯(lián)動(dòng)效果
在我們?nèi)粘i_發(fā)IOS中,經(jīng)常見到兩個(gè)tableview的聯(lián)動(dòng),滑動(dòng)一側(cè)tableview,另一側(cè)tableview跟著滑動(dòng),其實(shí)實(shí)現(xiàn)起來比較簡(jiǎn)單,只是需要搞清楚他們之間的區(qū)別和聯(lián)系,下面一起來看看如何實(shí)現(xiàn)。2016-08-08
iOS開發(fā)之導(dǎo)航欄各種右滑返回失效的解決方法匯總
這篇文章主要給大家總結(jié)介紹了關(guān)于iOS開發(fā)教程之導(dǎo)航欄各種右滑返回失效的解決方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)各位iOS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08
iOS開發(fā)教程之識(shí)別圖片中二維碼功能的實(shí)現(xiàn)
長(zhǎng)按識(shí)別二維碼這個(gè)功能相信對(duì)大家來說都不陌生,最近工作中就遇到了這個(gè)需求,所以下面這篇文章主要給大家介紹了關(guān)于利用iOS識(shí)別圖片中二維碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-07-07
iOS中使用UItableviewcell實(shí)現(xiàn)團(tuán)購(gòu)和微博界面的示例
這篇文章主要介紹了iOS中使用UItableviewcell實(shí)現(xiàn)團(tuán)購(gòu)和微博界面的示例,開發(fā)語(yǔ)言基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-01-01

