手勢密碼實現

手勢密碼實現

手勢密碼 一般常常用於金融項目，做的是安全相關的業務。具體實現如下思路，我把它分爲view層和邏輯層。我將數據層合併到view層中了，最好是加上數據層用於處理加密的密碼和密碼的存儲

view層

view層主要處理，包括（九個按鈕）touchesBegan,touchesMoved,touchesEnded，點與點之間畫線，手指滑動畫線，畫線主要是在drawRect中重繪，提到這裏必須不能忘記setNeedsDisplay這個方法。還要記錄經過的按鈕btnsArray（存放按鈕的數組），這個 可以和相關的具體值做映射，也可以直接設置btn 的tag,還要添加完成繪畫的回調。提供給邏輯層去處理。

邏輯層

用於處理完成交互後的業務，包括（請求接口，異常邏輯顯示，等等）
具體的demo點這裏
具體的code：
view.h

//
//  YHGesturePasswordView.h
//  手勢密碼
//
//  Created by mrlee on 2017/3/5.
//  Copyright © 2017年 mrlee. All rights reserved.
//
typedef enum {
    GestureSetPassword, //設置手勢密碼
    GestureResultPassword //已有手勢密碼教驗
} PasswordState;
//設置密碼的3種狀態
typedef enum {
    FristPwd, //第一次設置密碼
    PwdNoValue, //二次設置密碼不一致
    SetPwdSuccess,  //設置密碼成功
    Other
}SetPwdState;

#import <UIKit/UIKit.h>

@interface YHGesturePasswordView : UIView
/** btn圖片*/
@property (nonatomic,strong)UIImage *btnImage;

///選中的圖片
@property (nonatomic,strong)UIImage *btnSelectImage;

///劃線顏色
@property (nonatomic,strong)UIColor *lineColor;

/** 解鎖手勢完成之後判斷結果時調用的block */
@property (nonatomic,copy)BOOL (^sendReaultData)(NSString *str);

//設置手勢密碼
@property(nonatomic,copy)void(^setPwdBlock)(SetPwdState pwdState);


// init
-(instancetype)initWithFrame:(CGRect)frame WithState:(PasswordState)state;

@end

view.m

//
//  YHGesturePasswordView.m
//  手勢密碼
//
//  Created by mrlee on 2017/3/5.
//  Copyright © 2017年 mrlee. All rights reserved.
//
#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
#import "YHCustomButton.h"
#import "YHGesturePasswordView.h"
#import <CommonCrypto/CommonDigest.h>
@interface YHGesturePasswordView(){
    /** 判斷是當設置密碼用，還是解鎖密碼用*/
    PasswordState Amode;
}
/** 所有的按鈕集合*/
@property (nonatomic,strong)NSMutableArray * allBtnsArray;

/** 解鎖時手指經過的所有的btn集合*/
@property (nonatomic,strong)NSMutableArray * btnsArray;

/** 手指當前的觸摸位置*/
@property (nonatomic,assign)CGPoint currentPoint;

@end

@implementation YHGesturePasswordView

-(instancetype)initWithFrame:(CGRect)frame WithState:(PasswordState)state{
    self = [super initWithFrame:frame];
    if (self) {
         self.backgroundColor = [UIColor clearColor];
        Amode = state;
        for (int i = 0; i<9; i++) {
            YHCustomButton *btn = [[YHCustomButton alloc]init];
            [btn setTag:i];
            btn.userInteractionEnabled = NO;
            if (self.lineColor == nil) {
                self.lineColor = [UIColor greenColor];
            }
            [self addSubview:btn];
        }

    }
    return self;
}
-(void)drawRect:(CGRect)rect{
    //  每次調用這個方法的時候如果背景顏色是default會產生緩存，如果設置了顏色之後就沒有緩存，繪製之前需要清除緩存
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextClearRect(ctx, rect);//清空上下文
    for (int i = 0; i<self.btnsArray.count; i++) {
        UIButton *btn = self.btnsArray[i];
        if (i == 0) {
            CGContextMoveToPoint(ctx, btn.center.x, btn.center.y);
        }else{
            CGContextAddLineToPoint(ctx, btn.center.x, btn.center.y);
        }
    }
    if (!CGPointEqualToPoint(self.currentPoint, CGPointZero)) {//如果起點不是CGPointZero的話纔來劃線
        CGContextAddLineToPoint(ctx, self.currentPoint.x, self.currentPoint.y);
    }

    CGContextSetLineWidth(ctx, 12);
    CGContextSetLineCap(ctx, kCGLineCapRound);
    CGContextSetLineJoin(ctx, kCGLineJoinRound);
    [self.lineColor set];
    CGContextStrokePath(ctx);

}
-(void)layoutSubviews{

     [self.allBtnsArray removeAllObjects];
    for (int index =0; index<self.subviews.count; index ++) {
        if ([self.subviews[index] isKindOfClass:[YHCustomButton class]]) {

            [self.allBtnsArray addObject:self.subviews[index]];
        }
    }
    // button 繪製九宮格
    [self drawUi];


}
#pragma mark Private method
-(void)drawUi{
    for (int index = 0; index<self.allBtnsArray.count; index ++) {
        //拿到每個btn
        UIButton *btn = self.subviews[index];

        //設置frame
        CGFloat btnW = 74;
        CGFloat btnH = 74;
        CGFloat margin = (SCREEN_WIDTH - (btnW *3))/4;
        //x = 間距 + 列號*（間距+btnW）
        CGFloat btnX = margin + (index % 3)*(margin + btnW);
        CGFloat btnY = margin + (index / 3)*(margin + btnH);

        btn.frame = CGRectMake(btnX, btnY, btnW, btnH);
    }

}
//設置密碼
-(SetPwdState)pwdValue:(NSString *)str{
    if ([[NSUserDefaults standardUserDefaults] objectForKey:@"pwdValue"] == nil)  {
        //第一次設置
        [[NSUserDefaults standardUserDefaults] setValue:str forKey:@"pwdValue"];
        return FristPwd;
    }
    if ([str isEqualToString: [[NSUserDefaults standardUserDefaults]objectForKey:@"pwdValue"]]) {
        //設置成功
        return SetPwdSuccess;
    }
    if (![str isEqualToString: [[NSUserDefaults standardUserDefaults]objectForKey:@"pwdValue"]]) {
        //二次設置不一樣
        return PwdNoValue;
    }

    return Other;

}
//清空
-(void)clear{
    [self.btnsArray removeAllObjects];
    self.currentPoint = CGPointZero;
    [self setNeedsDisplay];
    self.lineColor = [UIColor greenColor];
    self.userInteractionEnabled = YES;
}
//獲取觸摸的點
-(CGPoint)getCurrentTouch:(NSSet<UITouch*> *)touches{
    UITouch *touch = [touches anyObject];
    CGPoint point = [touch locationInView:touch.view];
    return point;
}

-(UIButton *)getCurrentBtnWithPoint:(CGPoint) currentPoint{
    for (UIButton *btn in self.subviews) {
        if (CGRectContainsPoint(btn.frame, currentPoint)) {
            return btn;
        }
    }
    return nil;
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    CGPoint point = [self getCurrentTouch:touches];
    UIButton *btn = [self getCurrentBtnWithPoint:point];
    if (btn && btn.selected != YES) {
        btn.selected = YES;
        [self.btnsArray addObject:btn];
        NSLog(@" array is value %@",self.btnsArray);
    }
}
-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    CGPoint movePoint = [self getCurrentTouch:touches];
    UIButton *btn = [self getCurrentBtnWithPoint:movePoint];
    if (btn && btn.selected !=YES) {
        btn.selected = YES;
        [self.btnsArray addObject:btn];
        NSLog(@"btn is value %@",self.btnsArray);
    }
    self.currentPoint = movePoint;
    [self setNeedsDisplay];
}
-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    for (UIButton *btn in self.btnsArray) {
        [btn setSelected:NO];
    }
    NSMutableString *result = [NSMutableString string];
    for (UIButton *btn in self.btnsArray) {
        [result appendString: [NSString stringWithFormat:@"%ld",(long)btn.tag]];
    }
    switch (Amode) {
        case GestureSetPassword:{
            //設置手勢密碼
            self.setPwdBlock([self pwdValue:result]);
        }
            break;
        case GestureResultPassword :{
            //獲取手勢密碼結果
            if (self.sendReaultData) {
                if (self.sendReaultData(result) == YES) {
                     NSLog(@"success");
                    [self clear];
                }else{
                    NSLog(@"手勢有誤");
                }

            }

        }
            break;

        default:
            break;
    }
    //返回結果
    [self clear];
}
#pragma mark 延時加載
-(NSMutableArray *)btnsArray{
    if (_btnsArray == nil) {
        _btnsArray = [NSMutableArray array];
    }
    return _btnsArray;
}
-(NSMutableArray *)allBtnsArray{
    if (_allBtnsArray == nil) {
        _allBtnsArray = [NSMutableArray array];
    }
    return _allBtnsArray;
}

@end