IOS开发之——手势解锁-圆的连线(2)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 手指在屏幕上滑动时，确定经过的圆点，保存到集合中
  • 已经过的圆集合中第一个点作为划线的起始点
  • 按照圆集合中的顺序将圆连接起来
  • 设置连线的颜色及半径

二 功能实现

2.1 功能代码(LockView.m)

圆的集合

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@interface LockView()
@property (nonatomic,strong) NSMutableArray *btns;
@end
- (NSMutableArray *)btns
{
    if (_btns==nil) {
        _btns=[NSMutableArray array];
    }
    return _btns;
}
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
     [_btns addObject:btn];
}
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
 [_btns addObject:btn];
}

起点及线绘制及特性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- (void)drawRect:(CGRect)rect {
    // Drawing code
    UIBezierPath *path=[UIBezierPath bezierPath];
    for (int i=0; i<self.btns.count; i++) {
        UIButton *btn=_btns[i];
        if (i==0) {
            [path moveToPoint:btn.center];
        }else{
            [path addLineToPoint:btn.center];
        }  
    }
    //所有选中按钮之间都连线
    //连接多余的那条线
    //[path addLineToPoint:_moveP];
    [[UIColor greenColor]set];
    path.lineWidth=8;
    path.lineJoinStyle=kCGLineCapRound;
    //渲染到视图
    [path stroke];
}

重绘

1
2
3
4
5
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
		//重绘
    [self setNeedsDisplay];
}

三 效果图