ios手势解锁

Posted 2020-06-08

  1 #import <UIKit/UIKit.h>
  2 @class NJLockView;
  3 
  4 @protocol NJLockViewDelegate <NSObject>
  5 
  6 - (void)lockViewDidClick:(NJLockView *)lockView andPwd:(NSString *)pwd;
  7 
  8 @end
  9 
 10 @interface NJLockView : UIView
 11 
 12 @property (nonatomic, weak)IBOutlet id<NJLockViewDelegate> delegate;
 13 @end
 14 
 15 
 16 
 17 @interface NJLockView ()
 18 
 19 @property (nonatomic, strong) NSMutableArray *buttons;
 20 /**
 21  *  定义属性,记录用户当前手指的位置(非按钮范围内)
 22  */
 23 @property (nonatomic, assign) CGPoint currentPoint;
 24 @end
 25 
 26 @implementation NJLockView
 27 
 28 
 29 - (NSMutableArray *)buttons
 30 {
 31     if (_buttons == nil) {
 32         _buttons = [NSMutableArray array];
 33     }
 34     return _buttons;
 35 }
 36 
 37 // 当视图是通过代码创建出来的就会调用initWithFrame
 38 - (id)initWithFrame:(CGRect)frame
 39 {
 40     self = [super initWithFrame:frame];
 41     if (self) {
 42         // Initialization code
 43 //        NSLog(@"initWithFrame");
 44         [self setup];
 45     }
 46     return self;
 47 }
 48 
 49 // 当视图从xib或storyboard中创建出来就会调用
 50 - (id)initWithCoder:(NSCoder *)aDecoder
 51 {
 52     if (self = [super initWithCoder:aDecoder]) {
 53         // 创建9个按钮
 54 //        NSLog(@"initWithCoder");
 55         [self setup];
 56 
 57     }
 58     return self;
 59 }
 60 
 61 /**
 62  *   创建9个按钮添加到自定view中
 63  */
 64 - (void)setup
 65 {
 66     for (int i = 0; i < 9; i++) {
 67         // 1.创建按钮
 68         UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
 69         // 2.设置按钮的背景图片
 70         [btn setBackgroundImage:[UIImage imageNamed:@"gesture_node_normal"] forState:UIControlStateNormal];
 71         
 72         [btn setBackgroundImage:[UIImage imageNamed:@"gesture_node_highlighted"] forState:UIControlStateSelected];
 73         
 74         // 3.添加按钮到View
 75         [self addSubview:btn];
 76         
 77 //        btn.backgroundColor = [UIColor redColor];
 78         
 79         // 4.禁止按钮的点击事件(因为我们需要监听触摸事件)
 80         btn.userInteractionEnabled = NO;
 81         
 82         // 5.设置按钮的tag作为唯一标识
 83         btn.tag = i;
 84     }
 85 }
 86 
 87 - (void)layoutSubviews
 88 {
 89     [super layoutSubviews];
 90     // 设置按钮的frame
 91     for (int i = 0; i < self.subviews.count; i++) {
 92         // 1.取出对应位置的按钮
 93         UIButton *btn = self.subviews[i];
 94         
 95         // 2.设置frame
 96         CGFloat btnW = 74;
 97         CGFloat btnH = 74;
 98         // 2.1计算间距
 99         CGFloat margin = (self.frame.size.width - (3 * btnW)) / 4;
100         int col = i % 3; // 列号
101         int row = i / 3; // 行号
102         // 间距 + 列号 * (按钮宽度+ 间距)
103         CGFloat btnX = margin + col * (btnW + margin);
104         CGFloat btnY = margin + row * (btnW + margin);
105         
106         btn.frame = CGRectMake(btnX, btnY, btnW, btnH);
107     }
108     
109     
110 }
111 
112 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
113 {
114     // 1.获取按下的点
115    CGPoint startPoint = [self getCurrentTouchPoint:touches];
116     
117     // 2.判断触摸的位置是否在按钮的范围内
118     UIButton *btn = [self getCurrentBtnWithPoint:startPoint];
119     
120     // 存储按钮
121     if (btn)
122     {
123         // 设置选中状态
124         btn.selected = YES;
125         // 将按钮保存到数组中
126         [self.buttons addObject:btn];
127     }
128     
129     btn.selected = YES;
130     
131 //    [self setNeedsDisplay];
132 
133 }
134 
135 - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
136 {
137     // 1.获取按下的点
138     CGPoint movePoint = [self getCurrentTouchPoint:touches];
139     // 2.获取触摸的按钮
140     UIButton *btn = [self getCurrentBtnWithPoint:movePoint];
141 
142     // 存储按钮
143     if (btn && btn.selected != YES)
144     {
145         // 设置选中状态
146         btn.selected = YES;
147         // 将按钮保存到数组中
148         [self.buttons addObject:btn];
149     }
150     // 记录当前手指移动的位置
151     self.currentPoint = movePoint;
152     
153     // 通知view绘制线段
154     [self setNeedsDisplay];
155 
156 }
157 
158 - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
159 {
160     
161     // 取出用户输入的密码
162     NSMutableString *result = [NSMutableString string];
163     for (UIButton *btn in self.buttons) {
164         [result appendFormat:@"%d", btn.tag ];
165     }
166 //    NSLog(@"result = %@", result);
167     // 通知代理,告诉代理用户输入的密码
168     if ([self.delegate respondsToSelector:@selector(lockViewDidClick:andPwd:)]) {
169         [self.delegate lockViewDidClick:self andPwd:result];
170     }
171     
172     [self.buttons makeObjectsPerformSelector:@selector(setSelected:) withObject:@(NO)];
173     
174     // 清空数组
175     [self.buttons removeAllObjects];
176     [self setNeedsDisplay];
177     
178     // 清空currentPoint
179     self.currentPoint = CGPointZero;
180 }
181 
182 
183 - (void)drawRect:(CGRect)rect
184 {
185 
186     CGContextRef ctx =  UIGraphicsGetCurrentContext();
187     
188     // 清空上下文
189     CGContextClearRect(ctx, rect);
190 
191     // 从数组中取出所有的按钮, 连接所有按钮的中点
192     for (int  i = 0; i < self.buttons.count; i++) {
193         // 取出按钮
194         UIButton *btn = self.buttons[i];
195         if (0 == i) {
196             CGContextMoveToPoint(ctx, btn.center.x, btn.center.y);
197         }else
198         {
199             CGContextAddLineToPoint(ctx, btn.center.x, btn.center.y);
200         }
201     }
202     
203     // 判断如果当前点是00就不会只
204 //    if (!CGPointEqualToPoint(self.currentPoint, CGPointZero)) {
205 //        
206 //        // 当所有的按钮的中点都连接号之后再连接手指当前的位置
207 //        CGContextAddLineToPoint(ctx, self.currentPoint.x, self.currentPoint.y);
208 //    }
209     
210     // 判断数组中是否有按钮, 如果有按钮就有起点, 有起点就不会报错
211     if (self.buttons.count != 0) {
212         
213         CGContextAddLineToPoint(ctx, self.currentPoint.x, self.currentPoint.y);
214     }
215    
216 
217 //    [[UIColor greenColor] set];
218     
219     [[UIColor colorWithRed:18/255.0 green:102/255.0 blue:72/255.0 alpha:0.5] set];
220     CGContextSetLineWidth(ctx, 10);
221     CGContextSetLineJoin(ctx, kCGLineJoinRound);
222     CGContextSetLineCap(ctx, kCGLineCapRound);
223     CGContextStrokePath(ctx);
224 }
225 
226 /**
227  *  根据系统传入的UITouch集合获取当前触摸的点
228  *  @return 当初触摸的点
229  */
230 - (CGPoint)getCurrentTouchPoint:(NSSet *)touches
231 {
232     // 1.获取按下的点
233     UITouch *touch =  [touches anyObject];
234     CGPoint point = [touch locationInView:touch.view];
235     return point;
236 }
237 
238 /**
239  *  根据触摸点获取触摸到的按钮
240  *  @return 触摸的按钮
241  */
242 - (UIButton *)getCurrentBtnWithPoint:(CGPoint)point
243 {
244     // 2.判断触摸的位置是否在按钮的范围内
245     for (UIButton *btn in self.subviews) {
246         //
247         if (CGRectContainsPoint(btn.frame, point)) {
248             return btn;
249         }
250     }
251     return nil;
252 }
253 @end