(转 部分修改) IOS 手势密码(简单版)

//
//  Created by wangtouwang on 15/4/7.
//  Copyright (c) 2015年 wangtouwang. All rights reserved.
//

#import <UIKit/UIKit.h>


@class YYLockView;
@protocol YYLockViewDelegate <NSObject>
//自定义一个协议
 //协议方法，把当前视图作为参数
 -(void)LockViewDidClick:(YYLockView *)lockView andPwd:(NSString *)pwd;
@end


@interface YYLockView : UIView

//代理
@property(nonatomic,weak) IBOutlet id<YYLockViewDelegate>delegate;


@end

//
//  YYLockView.m
//  Created by wangtouwang on 15/4/7.
//  Copyright (c) 2015年 wangtouwang. All rights reserved.
//

#import "YYLockView.h"
// 设置获取屏幕长宽全局变量
#define KSCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define KSCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
#define BUTTON_HEIGHT_MIDDLE_WIDTH_RADIO 1.22


@interface YYLockView ()
{
    UIView *newView;
}
@property(nonatomic,strong)NSMutableArray *buttons;
@property(nonatomic,strong)NSMutableArray *includButtons;

//定义一个属性，记录当前点
@property(nonatomic,assign)CGPoint currentPoint;

@end

@implementation YYLockView


#pragma mark-懒加载
-(NSMutableArray *)buttons
{
    if (_buttons==nil) {
        _buttons=[NSMutableArray array];
    }
    return _buttons;
}

#pragma mark-懒加载
-(NSMutableArray *)includButtons
{
    if (_includButtons==nil) {
        _includButtons=[NSMutableArray array];
    }
    return _includButtons;
}


-(id)initWithCoder:(NSCoder *)aDecoder
{
    NSLog(@"断点 B 号 ");
    if (self=[super initWithCoder:aDecoder]) {
        [self setup];
    }
    return self;
}

//界面搭建
- (id)initWithFrame:(CGRect)frame
{
    NSLog(@"断点  1 号 ");
    self = [super initWithFrame:frame];
    if (self) {
        [self setup];
    }
    return self;
}


//在界面上创建9个按钮
-(void)setup
{
//    NSLog(@"断点 2 号 ");
//    newView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
//    newView.backgroundColor=[UIColor redColor];
//    [self addSubview:newView];
    //1.创建9个按钮
    for (int i=0; i<9; i++) {
        UIButton *btn=[UIButton buttonWithType:UIButtonTypeCustom];
        //2.设置按钮的状态背景
        [btn setBackgroundImage:[UIImage imageNamed:@"gesture_node_normal"] forState:UIControlStateNormal];
        [btn setBackgroundImage:[UIImage imageNamed:@"gesture_node_highlighted"] forState:UIControlStateSelected];
        //3.把按钮添加到视图中
        [self  addSubview:btn];
        //将按钮添加到包含按钮数组中
        [[self includButtons] addObject:btn];
        //4.禁止按钮的点击事件
        btn.userInteractionEnabled=NO;
        //5.设置每个按钮的tag
        btn.tag=i+1;
    }
}

//4.设置按钮的frame
-(void)layoutSubviews
{
    NSLog(@"断点顺序 3 号 ");
    CGFloat inverst = KSCREEN_HEIGHT/4.5;
    inverst=0;
    //4.1需要先调用父类的方法
    [super layoutSubviews];
    
    for (int i=0; i<[self includButtons].count; i++) {
        //4.2取出按钮
        UIButton *btn=[self includButtons][i];
        //4.3九宫格法计算每个按钮的frame
        CGFloat row = i/3;
        CGFloat loc   = i%3;
//        NSLog(@"ROW=%f LOC=%f",row,loc);
        CGFloat btnW=74;
        CGFloat btnH=74;
        CGFloat padding=(self.frame.size.width-3*btnW)/4;
        CGFloat btnX=padding+(btnW+padding)*loc;
        CGFloat btnY=padding*BUTTON_HEIGHT_MIDDLE_WIDTH_RADIO+(btnW+padding)*row;
//        NSLog(@"BTNX-%f BTNY=%f ",btnX,btnY);
        btn.frame=CGRectMake(btnX, btnY+inverst, btnW, btnH);
    }
}

//重写drawrect:方法
-(void)drawRect:(CGRect)rect
{
    NSLog(@"断点顺序 4 号 ");
    
    //获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();

    //在每次绘制前，清空上下文
    CGContextClearRect(ctx, rect);
    
    //填充画布颜色
    [[self renderImageWithColor:[UIColor grayColor] inSize:CGSizeMake(KSCREEN_WIDTH, KSCREEN_HEIGHT)] drawInRect:CGRectMake(0, 0, KSCREEN_WIDTH, KSCREEN_HEIGHT)];//在坐标中画出图片
    
    
    //绘图（线段）
    for (int i=0; i<self.buttons.count; i++) {
        UIButton *btn=self.buttons[i];
        if (0==i) {
            //设置起点（注意连接的是中点）
            //            CGContextMoveToPoint(ctx, btn.frame.origin.x, btn.frame.origin.y);
            CGContextMoveToPoint(ctx, btn.center.x, btn.center.y);
        }else
        {
            //            CGContextAddLineToPoint(ctx, btn.frame.origin.x, btn.frame.origin.y);
            CGContextAddLineToPoint(ctx, btn.center.x, btn.center.y);
        }
    }
    
    //当所有按钮的中点都连接好之后，再连接手指当前的位置
    //判断数组中是否有按钮，只有有按钮的时候才绘制
    if (self.buttons.count !=0) {
        CGContextAddLineToPoint(ctx, self.currentPoint.x, self.currentPoint.y);
    }
    
    //渲染
    //设置线条的属性
    CGContextSetLineWidth(ctx, 10);
    CGContextSetLineJoin(ctx, kCGLineJoinRound);
    CGContextSetLineCap(ctx, kCGLineCapRound);
    CGContextSetRGBStrokeColor(ctx, 255/255.0, 0/255.0, 0/255.0, 1);
    
    CGContextStrokePath(ctx);
    
   
    
}

//填充画布颜色
- (UIImage *)renderImageWithColor:(UIColor *)color inSize:(CGSize)size
{
    CGRect rect = CGRectMake(0.0f, 0.0f, size.width, size.height);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);
    
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return image;
}


//5.监听手指的移动
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    NSLog(@"断点 E 号 ");
    CGPoint starPoint=[self getCurrentPoint:touches];
    UIButton *btn=[self getCurrentBtnWithPoint:starPoint];
    
    if (btn && btn.selected != YES) {
        btn.selected=YES;
        [self.buttons addObject:btn];
    }
    //    [self setNeedsDisplay];
}

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    NSLog(@"断点 F 号 ");
    CGPoint movePoint=[self getCurrentPoint:touches];
    UIButton *btn=[self getCurrentBtnWithPoint:movePoint];
    //存储按钮
    //已经连过的按钮，不可再连
    if (btn && btn.selected != YES) {
        //设置按钮的选中状态
        btn.selected=YES;
        //把按钮添加到数组中
        [self.buttons addObject:btn];
    }
    //记录当前点（不在按钮的范围内）
    self.currentPoint=movePoint;
    //通知view重新绘制
    [self setNeedsDisplay];
}

//手指离开的时候清除线条
-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
    NSLog(@"断点 G 号 ");
    //取出用户输入的密码
    //创建一个可变的字符串，用来保存用户密码
    NSMutableString *result=[NSMutableString string];
    for (UIButton *btn in self.buttons) {
        [result appendFormat:@"%lu",btn.tag];
    }
    NSLog(@"用户输入的密码为：%@",result);
    //通知代理，告知用户输入的密码
    if ([self.delegate respondsToSelector:@selector(LockViewDidClick:andPwd:)]) {
        [self.delegate LockViewDidClick:self andPwd:result];
    }
    
    //重置按钮的状态
    //    for (UIButton *btn in self.buttons) {
    //        btn.selected=NO;
    ////        [btn setSelected:NO];
    //    }
    
    //调用该方法，它就会让数组中的每一个元素都调用setSelected:方法，并给每一个元素传递一个NO参数
    [self.buttons makeObjectsPerformSelector:@selector(setSelected:) withObject:@(NO)];
    //清空数组
    [self.buttons removeAllObjects];
    [self setNeedsDisplay];
    
    //清空当前点
    self.currentPoint=CGPointZero;
}

//对功能点进行封装
-(CGPoint)getCurrentPoint:(NSSet *)touches
{
    NSLog(@"断点 H 号 ");
    UITouch *touch=[touches anyObject];
    CGPoint point=[touch locationInView:touch.view];
    return point;
}
-(UIButton *)getCurrentBtnWithPoint:(CGPoint)point
{
    NSLog(@"断点 J 号 ");
    for (int i=0;i<_includButtons.count;i++) {
        UIButton *btn =_includButtons[i];
        if (CGRectContainsPoint(btn.frame, point)) {
            return btn;
        }
    }
    return Nil;
}


@end