iOS开发核心动画之九宫格解锁

一. 九宫格解锁

1. 自定义一个View,初始化子控件,创建九个按钮

1. // 从xib中加载时调用
2. - (void)awakeFromNib
3. {
4. [self setUp];
5. }
7. // 代码创建时调用
8. - (instancetype)initWithFrame:(CGRect)frame
9. {
10. if (self = [super initWithFrame:frame]) {
11. [self setUp];
12. }
13. return self;
14. }

1. // 初始化子控件
2. - (void)setUp
3. {
4. for (int i = 0; i < 9; ++i) {
5. UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
6. [btn setImage:[UIImage imageNamed:@"gesture_node_normal"] forState:UIControlStateNormal];
7. [btn setImage:[UIImage imageNamed:@"gesture_node_highlighted"] forState:UIControlStateSelected];
8. [self addSubview:btn];
9. btn.userInteractionEnabled = NO;
10. btn.tag = i;
11. }
12. }

2. 设置frame

1. // 子控件设置frame
2. - (void)layoutSubviews
3. {
4. [super layoutSubviews];
6. int rowNum = 3;
7. CGFloat line = 0;
8. CGFloat row = 0;
9. CGFloat btnHW = 74;
10. CGFloat space = (self.bounds.size.width - btnHW * 3) / (rowNum + 1);
12. for (int i = 0; i < self.subviews.count; ++i) {
13. UIButton *btn = self.subviews[i];
14. row = i / rowNum;
15. line = i % rowNum;
16. CGFloat btnX = space + line * (space + btnHW);
17. CGFloat btnY = row * (space + btnHW);
19. btn.frame = CGRectMake(btnX, btnY, btnHW, btnHW);
20. }
21. }

3. 监听开始触摸,判断当前触摸点是否在按钮上,如果在设置为选中状态并记录,将选中的按钮添加到一个数组中保存

1. // 获取当前触摸点
2. - (CGPoint)getCurrentPointWithSet:(NSSet *)touches
3. {
4. // 1.获取触摸对象
5. UITouch *touch = [touches anyObject];
6. // 2.获取当前的触摸点
7. return [touch locationInView:self];
8. }
10. // 判断当前触摸点是否在按钮上
11. - (UIButton *)getButtonWithPoint:(CGPoint)point
12. {
13. // 3.判断当前点是否在按钮上
14. for (UIButton *btn in self.subviews) {
15. if (CGRectContainsPoint(btn.frame, point) && btn.selected == NO) {
16. [self.selectedBtnArray addObject:btn];
17. return btn;
18. }
19. }
20. return nil;
21. }
23. // 开始触摸
24. - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
25. {
26. // 获取当前触摸点
27. CGPoint curP = [self getCurrentPointWithSet:touches];
29. // 3.判断当前点是否在按钮上
30. UIButton *btn = [self getButtonWithPoint:curP];
31. if (btn) {
32. btn.selected = YES;
33. self.startBtn = btn;
34. }
35. }

4. 监听触摸移动,同样判断触摸点是否在按钮上,如果在则设置为选中状态并添加到数组中保存

重绘

1. // 移动触摸
2. - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
3. {
4. // 获取当前触摸点
5. CGPoint curP = [self getCurrentPointWithSet:touches];
6. self.curP = curP;
8. // 3.判断当前点是否在按钮上
9. UIButton *btn = [self getButtonWithPoint:curP];
10. if (btn) {
11. btn.selected = YES;
12. }
13. // 重绘
14. [self setNeedsDisplay];
15. }

5. 绘制数组中的按钮

1. - (void)drawRect:(CGRect)rect {
3. UIBezierPath *path = [UIBezierPath bezierPath];
5. if (self.selectedBtnArray.count) {
6. for (int i = 0; i < self.selectedBtnArray.count; ++i) {
7. UIButton *btn = self.selectedBtnArray[i];
8. if (i == 0) {
9. [path moveToPoint:self.startBtn.center];
10. } else {
11. [path addLineToPoint:btn.center];
12. }
13. }
15. [[UIColor redColor] set];
17. [path setLineWidth:10];
19. [path setLineJoinStyle:kCGLineJoinRound];
21. [path setLineCapStyle:kCGLineCapRound];
23. [path addLineToPoint:self.curP];
25. [path stroke];
26. }
27. }

6. 停止触摸时将按钮选中状态取消,并重绘

1. // 停止触摸
2. - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
3. {
4. NSMutableString *strM = [NSMutableString string];
5. // 1.将选中按钮取消选中状态
6. for (UIButton *btn in self.selectedBtnArray) {
7. btn.selected = NO;
8. [strM appendFormat:@"%zd", btn.tag];
9. }
10. // 2.清空选中按钮数组
11. [self.selectedBtnArray removeAllObjects];
13. // 3.重绘
14. [self setNeedsDisplay];
16. NSLog(@"%@", strM);
18. // 4.将密码发给控制器判断密码是否登录
19. if ([self.delegate respondsToSelector:@selector(lockView:loginToStr:)]) {
20. [self.delegate lockView:self loginToStr:strM];
21. }
22. }

转载于:https://www.cnblogs.com/Xfsrn/p/5000344.html