美文网首页
手势解锁

手势解锁

作者: Areyouhere | 来源:发表于2017-01-17 14:55 被阅读0次
#import "LockView.h"

@interface LockView ()
@property(nonatomic,assign)CGPoint curtentP;
@property(nonatomic,retain)NSMutableArray * selectedsBtn;
@end
@implementation LockView
-(NSMutableArray*)selectedsBtn
{
    if (!_selectedsBtn)
    {
        _selectedsBtn=[NSMutableArray array];
    }
    return _selectedsBtn;
}
-(instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame])
    {
        [self setUp];
      //必需设置背景颜色,否则会绘画出乱
        self.backgroundColor=[UIColor clearColor];
    }
    return self;
}
-(void)setUp
{
    //创建9个按钮
    for (int i=0; i<9; i++)
    {
        UIButton *btn=[UIButton buttonWithType:UIButtonTypeCustom];
        //不允许用户交互,按钮就不能点击,也就不能达到高亮状态
        btn.userInteractionEnabled=NO;
        btn.tag = i;
        [btn setImage:[UIImage imageNamed:@"gesture_node_normal"] forState:UIControlStateNormal];
        [btn setImage:[UIImage imageNamed:@"gesture_node_highlighted"] forState:UIControlStateSelected];
        [self addSubview:btn];
        
    }
    UIPanGestureRecognizer *pan=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)];
    [self addGestureRecognizer:pan];
}
//只要调用这个方法,就会把之前绘制的东西全部清掉,重新绘制
- (void)drawRect:(CGRect)rect
{
    //没有选中按钮,不需要连线
    if (self.selectedsBtn.count ==0) return;
    //把所有选中按钮中心点连线
    UIBezierPath *path = [UIBezierPath bezierPath];
    
    NSUInteger count = self.selectedsBtn.count;
    //把所有选中按钮之间都连好线
    for (int i = 0; i<count; i++)
    {
        UIButton *btn = self.selectedsBtn[i];
        if (i == 0)
        {
            //设置起点
            [path moveToPoint:btn.center];
        }
        else
        {
            [path addLineToPoint:btn.center];
        }
    }
    //连线到手指的触摸点
    if (self.selectedsBtn.count>0)
    {
        [path addLineToPoint:_curtentP];
    }
    
    [[UIColor greenColor] set];
    path.lineWidth = 10;
    path.lineJoinStyle = kCGLineJoinRound;
    [path stroke];
    
}
-(void)pan:(UIPanGestureRecognizer*)pan
{
    //获取触摸点
    _curtentP = [pan locationInView:self];
    //判断触摸点在不在按钮上
    for (UIButton*btn in self.subviews)
    {
        //点在不在某个范围内,并且按钮没有被选中
        //CGRectContainsPoint(btn.frame, _curtentP) 判断这个点是不是在这个范围同一个坐标系
        if (CGRectContainsPoint(btn.frame, _curtentP) && btn.selected==NO)
        {
            //点在按钮上
            btn.selected = YES;
            //保存到数组中
            [self.selectedsBtn addObject:btn];
        }
    }
    
    if (pan.state == UIGestureRecognizerStateEnded)
    {
        //创建可变字符串
        NSMutableString *strM = [NSMutableString string];
        //保存输入密码
        for (UIButton*btn in self.selectedsBtn)
        {
            [strM appendFormat:@"%ld",btn.tag];
            btn.selected=NO;
            
        }
        NSLog(@"%@",strM);
        
        //还原界面
        //清除画线,把选中按钮清空
        [self.selectedsBtn removeAllObjects];
        
    }
   
    //重绘
    [self setNeedsDisplay];
    
}
//为什么要在这个方法布局子控件,因为只要一调用这个方法,就表示父控件的尺寸确定
-(void)layoutSubviews
{
    [super layoutSubviews];
    
    NSUInteger count = self.subviews.count;
    int cols = 3;
    CGFloat x = 0;
    CGFloat y = 0;
    CGFloat w = 74;
    CGFloat h = 74;
    
    CGFloat margin = (self.bounds.size.width - cols*w)/(cols+1);
    
    CGFloat col = 0;
    CGFloat row = 0;
    for (NSUInteger i=0; i<count; i++)
    {
        UIButton*btn = self.subviews[i];
        //获取当前按钮的列数
        col = i%cols;
        row = i/cols;
        x = margin + col * (margin + w);
        y = row * (margin + w);
        btn.frame = CGRectMake(x, y, w, h);
    }
    
}

相关文章

  • iOS指纹解锁和手势解锁

    iOS指纹解锁和手势解锁 iOS指纹解锁和手势解锁

  • DrawRect绘图实现手势密码控件

    公司项目中除了之前的指纹解锁外,还有手势解锁,这就扯到了手势解锁的功能实现 其实核心就是利用touchBegin,...

  • 手势解锁

    金融产品手势解锁是常见的东西了,这里把我自己实现的记录一下。 自定义View的流程一般都是onMeasure跟on...

  • 手势解锁

    分析界面,当手指在上面移动时,当移动到一个按钮范围内当中, 它会把按钮给成为选中的状态.并且把第一个选中的按钮当做...

  • 手势解锁

    效果 实现思路 1.继承UIview 包含 所有子按钮的数组 按钮设置不可交互 有选中 和 未选中的图片2.布局...

  • 手势解锁

    首先看下我们要制作功能的效果如图所示: 思路介绍 手势密码一般为9宫格模式,通过手势滑动设置一个多边形(polyg...

  • 手势解锁

    下班回家,随便写写,写了个手势解锁,很多app都有。自己封装了一个,手势解锁视图。代码如下:头文件 源文件: 使用...

  • 手势解锁

  • 手势解锁

    手势解锁 界面搭建 自定义控制器的view 只要在view上面画东西,就要用到drawRect方法 加载图片 九宫...

  • 手势解锁

    1.最终效果图 2.思路: 2.1.首先把界面搭建起来:以绘制九宫格的方式,在view上绘制出九个button 2...

网友评论

      本文标题:手势解锁

      本文链接:https://www.haomeiwen.com/subject/gavmbttx.html