猫猫分享，必须精品
原创文章，欢迎转载。转载请注明：翟乃玉的博客
地址：http://blog.csdn.net/u013357243?viewmode=contents
源码：http://download.csdn.net/detail/u013357243/8669765
效果：
代码：
NYLockView.h
//
// NYLockView.h
// 手势解锁
//
// Created by apple on 15-5-6.
// Copyright (c) 2015年 znycat. All rights reserved.
//
#import <UIKit/UIKit.h>
@class NYLockView;
@protocol NYLockViewDelegate <NSObject>
- (void)lockViewDidClick:(NYLockView *)lockView andPwd:(NSString *)pwd;
@end
@interface NYLockView : UIView
@property (nonatomic, weak)IBOutlet id<NYLockViewDelegate> delegate;
@endNYLockView.m
//
// NYLockView.m
// 手势解锁
//
// Created by apple on 15-5-6.
// Copyright (c) 2015年 znycat. All rights reserved.
//
#import "NYLockView.h"
@interface NYLockView ()
@property (nonatomic, strong) NSMutableArray *buttons;
/**
* 定义属性,记录用户当前手指的位置(非按钮范围内)
*/
@property (nonatomic, assign) CGPoint currentPoint;
@end
@implementation NYLockView
- (NSMutableArray *)buttons
{
if (_buttons == nil) {
_buttons = [NSMutableArray array];
}
return _buttons;
}
// 当视图是通过代码创建出来的就会调用initWithFrame
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
// NSLog(@"initWithFrame");
[self setup];
}
return self;
}
// 当视图从xib或storyboard中创建出来就会调用
- (id)initWithCoder:(NSCoder *)aDecoder
{
if (self = [super initWithCoder:aDecoder]) {
// 创建9个按钮
// NSLog(@"initWithCoder");
[self setup];
}
return self;
}
/**
* 创建9个按钮添加到自定view中
*/
- (void)setup
{
for (int i = 0; i < 9; i++) {
// 1.创建按钮
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.添加按钮到View
[self addSubview:btn];
// btn.backgroundColor = [UIColor redColor];
// 4.禁止按钮的点击事件(因为我们需要监听触摸事件)
btn.userInteractionEnabled = NO;
// 5.设置按钮的tag作为唯一标识
btn.tag = i;
}
}
- (void)layoutSubviews
{
[super layoutSubviews];
// 设置按钮的frame
for (int i = 0; i < self.subviews.count; i++) {
// 1.取出对应位置的按钮
UIButton *btn = self.subviews[i];
// 2.设置frame
CGFloat btnW = 74;
CGFloat btnH = 74;
// 2.1计算间距
CGFloat margin = (self.frame.size.width - (3 * btnW)) / 4;
int col = i % 3; // 列号
int row = i / 3; // 行号
// 间距 + 列号 * (按钮宽度+ 间距)
CGFloat btnX = margin + col * (btnW + margin);
CGFloat btnY = margin + row * (btnW + margin);
btn.frame = CGRectMake(btnX, btnY, btnW, btnH);
}
}
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
// 1.获取按下的点
CGPoint startPoint = [self getCurrentTouchPoint:touches];
// 2.判断触摸的位置是否在按钮的范围内
UIButton *btn = [self getCurrentBtnWithPoint:startPoint];
// 存储按钮
if (btn)
{
// 设置选中状态
btn.selected = YES;
// 将按钮保存到数组中
[self.buttons addObject:btn];
}
btn.selected = YES;
// [self setNeedsDisplay];
}
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
// 1.获取按下的点
CGPoint movePoint = [self getCurrentTouchPoint:touches];
// 2.获取触摸的按钮
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
{
// 取出用户输入的密码
NSMutableString *result = [NSMutableString string];
for (UIButton *btn in self.buttons) {
[result appendFormat:@"%d", btn.tag ];
}
// NSLog(@"result = %@", result);
// 通知代理,告诉代理用户输入的密码
if ([self.delegate respondsToSelector:@selector(lockViewDidClick:andPwd:)]) {
[self.delegate lockViewDidClick:self andPwd:result];
}
[self.buttons makeObjectsPerformSelector:@selector(setSelected:) withObject:@(NO)];
// 清空数组
[self.buttons removeAllObjects];
[self setNeedsDisplay];
// 清空currentPoint
self.currentPoint = CGPointZero;
}
- (void)drawRect:(CGRect)rect
{
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 清空上下文
CGContextClearRect(ctx, rect);
// 从数组中取出所有的按钮, 连接所有按钮的中点
for (int i = 0; i < self.buttons.count; i++) {
// 取出按钮
UIButton *btn = self.buttons[i];
if (0 == i) {
CGContextMoveToPoint(ctx, btn.center.x, btn.center.y);
}else
{
CGContextAddLineToPoint(ctx, btn.center.x, btn.center.y);
}
}
// 判断如果当前点是00就不会只
// if (!CGPointEqualToPoint(self.currentPoint, CGPointZero)) {
//
// // 当所有的按钮的中点都连接号之后再连接手指当前的位置
// CGContextAddLineToPoint(ctx, self.currentPoint.x, self.currentPoint.y);
// }
// 判断数组中是否有按钮, 如果有按钮就有起点, 有起点就不会报错
if (self.buttons.count != 0) {
CGContextAddLineToPoint(ctx, self.currentPoint.x, self.currentPoint.y);
}
// [[UIColor greenColor] set];
[[UIColor colorWithRed:1/255.0 green:102/255.0 blue:172/255.0 alpha:0.5] set];
CGContextSetLineWidth(ctx, 10);
CGContextSetLineJoin(ctx, kCGLineJoinRound);
CGContextSetLineCap(ctx, kCGLineCapRound);
CGContextStrokePath(ctx);
}
/**
* 根据系统传入的UITouch集合获取当前触摸的点
* @return 当初触摸的点
*/
- (CGPoint)getCurrentTouchPoint:(NSSet *)touches
{
// 1.获取按下的点
UITouch *touch = [touches anyObject];
CGPoint point = [touch locationInView:touch.view];
return point;
}
/**
* 根据触摸点获取触摸到的按钮
* @return 触摸的按钮
*/
- (UIButton *)getCurrentBtnWithPoint:(CGPoint)point
{
// 2.判断触摸的位置是否在按钮的范围内
for (UIButton *btn in self.subviews) {
//
if (CGRectContainsPoint(btn.frame, point)) {
return btn;
}
}
return nil;
}
@end
NYViewController.m
//
// NYViewController.m
// 手势解锁
//
// Created by apple on 15-5-6.
// Copyright (c) 2015年 znycat. All rights reserved.
//
#import "NYViewController.h"
#import "NYLockView.h"
@interface NYViewController () <NYLockViewDelegate>
@end
@implementation NYViewController
- (void)viewDidLoad
{
[super viewDidLoad];
}
- (void)lockViewDidClick:(NYLockView *)lockView andPwd:(NSString *)pwd
{
NSLog(@"NYViewController %@", pwd);
}
@end