一 概述
initWithCoder通过代码向布局中添加九宫格圆按钮layoutSubviews设置圆按钮的位置- 手指在屏幕上开始时，判断触摸点是否在圆内(是则选中，否则不选中)
- 手指在屏幕上移动时，原理同上
二 功能实现
2.1 布局文件
底部是ImageView,ImageView上方是自定义View(LockView)
2.2 功能代码(LockView)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| #import "LockView.h"
@implementation LockView
//解析xib的时候调用
-(instancetype)initWithCoder:(NSCoder *)coder
{
if (self=[super initWithCoder:coder]) {
//添加按钮
NSLog(@"%s",__func__);
[self addBtns];
}
return self;
}
- (void)awakeFromNib
{
NSLog(@"%s",__func__);
}
-(void)addBtns
{
NSLog(@"%s",__func__);
for (int i=0; i<9; i++) {
UIButton *button=[UIButton buttonWithType:UIButtonTypeCustom];
//设置普通状态下的图片
[button setImage:[UIImage imageNamed:@"gesture_node_normal"] forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"gesture_node_highlighted"] forState:UIControlStateSelected];
//[button addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchDown];
//不允许用户交互
button.userInteractionEnabled=NO;
[self addSubview:button];
}
}
//触摸点坐标
-(CGPoint)pointWithTouches:(NSSet *)touches
{
UITouch *touch=[touches anyObject];
return [touch locationInView:self];
}
//获取触摸按钮
-(UIButton *)buttonWithPoint:(CGPoint)pos
{
for (UIButton *btn in self.subviews) {
if (CGRectContainsPoint(btn.frame, pos)) {
return btn;
}
}
return nil;
}
//开始触摸时
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
//当前触摸点
CGPoint pos=[self pointWithTouches:touches];
//获取触摸按钮
UIButton *btn=[self buttonWithPoint:pos];
if (btn) { //有触摸点地方才需要选中
btn.selected=YES;
}
}
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
//当前触摸点
CGPoint pos=[self pointWithTouches:touches];
//获取触摸按钮
UIButton *btn=[self buttonWithPoint:pos];
if (btn) { //有触摸点地方才需要选中
btn.selected=YES;
}
}
-(void)layoutSubviews
{
[super layoutSubviews];
//给按钮设置位置
CGFloat col=0;
CGFloat row=0;
CGFloat btnW=74;
CGFloat btnH=74;
CGFloat btnX=0;
CGFloat btnY=0;
CGFloat totalCount=3;
CGFloat margin=(self.bounds.size.width-totalCount*btnW)/(totalCount+1);
for (int i=0; i<self.subviews.count; i++) {
UIButton *button=self.subviews[i];
col=i%3;
row=i/3;
btnX=margin+(margin+btnW)*col;
btnY=(margin+btnH)*row;
button.frame=CGRectMake(btnX, btnY, btnW, btnH);
}
}
@end
|
2.3 手势解锁效果图
