手势密码与TouchID
手势密码
绘制：
- 首先for循环添加布局九个圆形btn，给btn加上9个对应的tag值，btn上面的图片采用绘制的方法，分别绘制出btn的未选中状态、选中状态、选错状态对应的图片
- 创建一个可变数组，用来存放选中的按钮
- 通过touch的began、moved、ended来监听touch事件，从而更改btn的选中状态，并添加到数组中
- touchsMoved 方法中通过 setNeedsDisplay 一直调用 drawRect
- drawRect 中根据选中btn数组 和 当前touch点，用 UIBezierPath 绘制 path
逻辑：
关于手势密码的存储，既然我们要将我们的app加上密码锁，就要实现最高的安全性。
- 初次设置密码需要二次确认，touchesEnded 方法中根据btn数组中btn的tag值拼接成字符串来二次确认手势密码
- 设置成功的密码md5加密后存储在本地的keychain中，并上传到服务器（钥匙串相关操作代码：http://blog.csdn.net/coyote1994/article/details/74550088）
- 密码在本地和服务器同时存储，有网的时候进行双重验证，没网的时候进行本地验证
- 设置验证密码时允许错误的最大错误，提醒用户剩余可尝试次数，当达到最大次数时做出相应措施
- 可允许用户重设手势密码
代码：
//
// KPGesturePasswordView.h
// KPGesturePassword
//
// Created by 刘鲲鹏 on 2018/3/15.
// Copyright © 2018年 刘鲲鹏. All rights reserved.
//
#import
@interface KPGesturePasswordView : UIView
/** 正常颜色 */
@property (nonatomic, strong) UIColor *normalColor;
/** 选中颜色 */
@property (nonatomic, strong) UIColor *selectedColor;
/** 密码错误显示颜色 */
@property (nonatomic, strong) UIColor *errorColor;
/** 第一次手势完成回调 */
@property (nonatomic, copy) void (^firstGestureFinished)(void);
/**
* 第二次手势完成（设置密码成功）回调
*
* isRight : 是否正确
* password : md5后的密码
*/
@property (nonatomic, copy) void (^setPassword)(BOOL isRight, NSString *password);
/** 验证密码允许输入错误最大次数 */
@property (nonatomic, assign) int allowErrorNumber;
/**
* 验证密码回调
*
* isRight : 是否正确
* number : 剩余次数
*/
@property (nonatomic, copy) void (^verifyPassword)(BOOL isRight, int number);
/** 重设手势密码 */
- (void)reSetGesturePassword;
@end
代码实现：（KeyChainStore 为钥匙串操作工具类，MDFiveEncryption 为 md5 加密工具类）
//
// KPGesturePasswordView.m
// KPGesturePassword
//
// Created by 刘鲲鹏 on 2018/3/15.
// Copyright © 2018年 刘鲲鹏. All rights reserved.
//
#import "KPGesturePasswordView.h"
#import "KeyChainStore.h"
#import "MDFiveEncryption.h"
#define KeyChainGesturePasswordKey @"KeyChainGesturePasswordKey"
@interface KPGesturePasswordView ()
/** 选中btn数组 */
@property (strong, nonatomic) NSMutableArray *selectBtnArray;
/** 当前touch触发点 */
@property (assign, nonatomic) CGPoint currentPoint;
/** 第一次设置的手势密码 */
@property (strong, nonatomic) NSString *firstGesture;
/** 验证密码输入错误次数 */
@property (nonatomic, assign) int errorNumber;
@end
@implementation KPGesturePasswordView
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
_selectBtnArray = [[NSMutableArray alloc]initWithCapacity:0];
self.backgroundColor = [UIColor clearColor];
float interval = frame.size.width/13;
float radius = interval*3;
for (int i = 0; i < 9; i ++) {
int row = i/3;
int list = i%3;
UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(list*(interval+radius)+interval, row*(interval+radius)+interval, radius, radius)];
btn.userInteractionEnabled = NO;
[self addSubview:btn];
btn.tag = i + 1;
}
}
return self;
}
- (void)setNormalColor:(UIColor *)normalColor {
_normalColor = normalColor;
NSArray *subViews = self.subviews;
for (UIButton *btn in subViews) {
[btn setImage:[self drawUnselectImageWithRadius:btn.frame.size.width-6 color:self.normalColor] forState:UIControlStateNormal];
}
}
- (void)setSelectedColor:(UIColor *)selectedColor {
_selectedColor = selectedColor;
NSArray *subViews = self.subviews;
for (UIButton *btn in subViews) {
[btn setImage:[self drawSelectImageWithRadius:btn.frame.size.width-6 color:self.selectedColor] forState:UIControlStateSelected];
}
}
/** 重设手势密码 */
- (void)reSetGesturePassword {
[KeyChainStore deleteKeyData:KeyChainGesturePasswordKey];
}
- (void)drawRect:(CGRect)rect
{
UIBezierPath *path;
if (_selectBtnArray.count == 0) {
return;
}
path = [UIBezierPath bezierPath];
path.lineWidth = 6;
path.lineJoinStyle = kCGLineCapRound;
path.lineCapStyle = kCGLineCapRound;
if (self.userInteractionEnabled) {
[self.selectedColor set];
}else
{
[self.errorColor set];
}
for (int i = 0; i < _selectBtnArray.count; i ++) {
UIButton *btn = _selectBtnArray[i];
if (i == 0) {
[path moveToPoint:btn.center];
}else
{
[path addLineToPoint:btn.center];
}
}
[path addLineToPoint:_currentPoint];
[path stroke];
}
// 视图恢复原样
- (void)resetView
{
for (UIButton *oneSelectBtn in _selectBtnArray) {
oneSelectBtn.selected = NO;
}
[_selectBtnArray removeAllObjects];
[self setNeedsDisplay];
}
// 验证密码错误回到原状态
- (void)wrongRevert:(NSArray *)arr
{
self.userInteractionEnabled = YES;
for (UIButton *btn in arr) {
float interval = self.frame.size.width/13;
float radius = interval*3;
[btn setImage:[self drawSelectImageWithRadius:radius-6 color:self.selectedColor] forState:UIControlStateSelected];
}
[self resetView];
}
#pragma mark - Touch
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch *oneTouch = [touches anyObject]; // anyObject 返回一个集合中最方便的值，不担保是随机的
CGPoint point = [oneTouch locationInView:self]; // locationInView 返回一个touch在对应view中的位置
for (UIButton *oneBtn in self.subviews) {
if (CGRectContainsPoint(oneBtn.frame, point)) { // CGRectContainsPoint(A,B) 判断点B是否在A中
oneBtn.selected = YES;
if (![_selectBtnArray containsObject:oneBtn]) { // containsObject 判断一个数组中是否含有一个元素
[_selectBtnArray addObject:oneBtn];
}
}
}
}
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch *oneTouch = [touches anyObject];
CGPoint point = [oneTouch locationInView:self];
_currentPoint = point;
for (UIButton *oneBtn in self.subviews) {
if (CGRectContainsPoint(oneBtn.frame, point)) {
oneBtn.selected = YES;
if (![_selectBtnArray containsObject:oneBtn]) {
[_selectBtnArray addObject:oneBtn];
}
}
}
[self setNeedsDisplay];
}
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
// 获取结果
NSMutableString *result = [[NSMutableString alloc]initWithCapacity:0];
for (int i = 0; i < _selectBtnArray.count; i ++) {
UIButton *btn = (UIButton *)_selectBtnArray[i];
[result appendFormat:@"%d",(int)btn.tag];
}
UIButton *lastBtn = [_selectBtnArray lastObject];
_currentPoint = lastBtn.center;
if (![KeyChainStore load:KeyChainGesturePasswordKey]) { // 钥匙串中没有对应的密码，设置密码
// 第二次手势密码与第一次手势密码比较
if (_firstGesture) {
if ([_firstGesture isEqualToString:result]) { // 两次一致
// md5后保存到keychain
NSString *password = [MDFiveEncryption md5EncryptWithString:result];
[KeyChainStore save:KeyChainGesturePasswordKey data:password];
!self.setPassword ? : self.setPassword(YES, password);
[self resetView];
}else { // 两次不一致
self.firstGesture = nil;
!self.setPassword ? : self.setPassword(NO, nil);
[self drawError];
}
}else{ // 设置第一次手势密码
!self.firstGestureFinished ? : self.firstGestureFinished();
self.firstGesture = result;
[self resetView];
}
}else { // 验证密码
NSString *password = [MDFiveEncryption md5EncryptWithString:result];
BOOL isRight = [[KeyChainStore load:KeyChainGesturePasswordKey] isEqualToString:password];
if (isRight) {
[self resetView];
}else {
[self drawError];
_errorNumber ++;
}
!self.verifyPassword ? : self.verifyPassword(isRight, self.allowErrorNumber - _errorNumber);
}
}
/** 绘制错误时的显示 */
- (void)drawError {
for (UIButton *btn in _selectBtnArray) {
float interval = self.frame.size.width/13;
float radius = interval*3;
[btn setImage:[self drawSelectImageWithRadius:radius-6 color:self.errorColor] forState:UIControlStateSelected];
}
[self performSelector:@selector(wrongRevert:) withObject:[NSArray arrayWithArray:_selectBtnArray] afterDelay:0.5];
self.userInteractionEnabled = NO;
[self setNeedsDisplay];
}
#pragma mark - CGContext使用
// 画未选中点图片
- (UIImage *)drawUnselectImageWithRadius:(float)radius color:(UIColor *)normalColor
{
UIGraphicsBeginImageContext(CGSizeMake(radius+6, radius+6));
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextAddEllipseInRect(context, CGRectMake(3, 3, radius, radius));
[normalColor setStroke];
CGContextSetLineWidth(context, 5);
CGContextDrawPath(context, kCGPathStroke);
UIImage *unselectImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return unselectImage;
}
// 画选中点图片
- (UIImage *)drawSelectImageWithRadius:(float)radius color:(UIColor *)selectColor
{
UIGraphicsBeginImageContext(CGSizeMake(radius+6, radius+6));
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context, 5);
CGContextAddEllipseInRect(context, CGRectMake(3+radius*5/12, 3+radius*5/12, radius/6, radius/6));
[selectColor set];
CGContextDrawPath(context, kCGPathFillStroke);
CGContextAddEllipseInRect(context, CGRectMake(3, 3, radius, radius));
[selectColor setStroke];
CGContextDrawPath(context, kCGPathStroke);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
}
@end
TouchID
需要验证TouchID的地方直接调用下面方法即可。
- (void)checkoutTouchID
{
// 创建LAContext
LAContext *context = [[LAContext alloc] init];
NSError *error = nil;
// 提示验证指纹的原因
NSString *reason = @"请验证已有指纹";
// 指纹输入失败之后的弹出框的选项
context.localizedFallbackTitle = @"输入密码解锁";
// 首先使用 canEvaluatePolicy 判断设备支持状态
if ([context canEvaluatePolicy:LAPolicyDeviceOwnerAuthenticationWithBiometrics error:&error]) {
// 支持指纹验证
[context evaluatePolicy:LAPolicyDeviceOwnerAuthenticationWithBiometrics localizedReason:reason reply:^(BOOL success, NSError *error) {
if (success) {
[[NSOperationQueue mainQueue] addOperationWithBlock:^{
// 验证成功，主线程处理UI
}];
}
else
{
NSLog(@"%@",error.localizedDescription);
switch (error.code) {
case LAErrorSystemCancel:
{
// 系统取消授权，如其他APP切入
break;
}
case LAErrorUserCancel:
{
// 用户取消验证Touch ID
break;
}
case LAErrorAuthenticationFailed:
{
[[NSOperationQueue mainQueue] addOperationWithBlock:^{
// 验证失败(三次验证都没有通过)
}];
break;
}
case LAErrorPasscodeNotSet:
{
// 系统未设置密码
break;
}
case LAErrorTouchIDNotAvailable:
{
// 设备Touch ID不可用，例如未打开
break;
}
case LAErrorTouchIDNotEnrolled:
{
// 设备Touch ID不可用，用户未录入
break;
}
case LAErrorUserFallback:
{
[[NSOperationQueue mainQueue] addOperationWithBlock:^{
// 用户选择输入密码，切换主线程处理
}];
break;
}
default:
{
[[NSOperationQueue mainQueue] addOperationWithBlock:^{
// 其他情况，切换主线程处理
}];
break;
}
}
}
}];
}
else
{
// 不支持指纹识别，LOG出错误详情
NSLog(@"不支持指纹识别");
switch (error.code) {
case LAErrorTouchIDNotEnrolled:
{
NSLog(@"TouchID is not enrolled");
break;
}
case LAErrorPasscodeNotSet:
{
NSLog(@"A passcode has not been set");
break;
}
default:
{
NSLog(@"TouchID not available");
break;
}
}
NSLog(@"%@",error.localizedDescription);
}
}
github地址：https://github.com/Coyote1994/KPGesturePasswordView/tree/master