#import "ClockView.h"

@interface ClockView()

/** 存放的都是当前选中的按钮 */

@property (nonatomic, strong) NSMutableArray *selectBtnArray;

//当前手指所在的点

@property (nonatomic, assign) CGPoint curP;

@end

@implementation ClockView

-(NSMutableArray *)selectBtnArray {

    if (_selectBtnArray == nil) {

        _selectBtnArray = [NSMutableArray array];

    }

    return _selectBtnArray;

}

/**

 *    1：在storyboard中拖入view，在自定义view再storyboard中与view进行类关联，在自定义的view中可以实现-(void)drawRect:(CGRect)rect方法，系统默认开启了上下文，

    2：在xib加载完毕后会调用awakeFromNib，可以在此方法内设置界面的UI，或是设置xib或是stroryBoard中的内容

 */

-(void)awakeFromNib {

    //搭建界面添加按钮

    [self setUp];

}

/**

 *    2:九宫格搭建连线按钮：1：先求出最大列数，按钮的宽高（等于图片宽高，Assets中可以查看图片的pix，就为图片的尺寸），并求出间距值 2：i % 最大列数，决定列号，i/最大列号，决定行号 ，设置九宫格每个按钮的frame

    3：在此方法中创建按钮，并设置按钮的一些属性。在layoutSubview里设置按钮的frame

 */

- (void)setUp {

    for (int i = ; i < ; 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_selected"] forState:UIControlStateSelected];

        [self addSubview:btn];

    }

}

//获取当前手指所在的点

- (CGPoint)getCurrentPoint:(NSSet *)touches {

    //1.获取当前手指所在的点

    UITouch *touch = [touches anyObject];

    return [touch locationInView:self];

}

//给定一个点,判断给定的点在不在按钮身上

//如果在按钮身,返回当前所在的按钮,如果不在,返回nil;

- (UIButton *)btnRectContainsPoint:(CGPoint)point {

    for (UIButton *btn in self.subviews) {

        if (CGRectContainsPoint(btn.frame, point)) {

            //让当前按钮成为选中状态

            //btn.selected = YES;

            return btn;

        }

    }

    return nil;

}

/**

 * 4:拖拽手势：1：可以用pan手势，pan手势的方法中可以时刻获得平移的点，平移的view，平移的状态begin，change，end三种状态，还可以进行复位

             2：也可以用touch方法来替代pan手势的方法，touch方法包括：touchbegin，touchmove，touchend，touchcancle（此方法是收到系统事件的时候会去调用，例如突然来了电话，关机的时候等），在touch方法中可获得UITouch对象，单个touch，anyObject，多个touch，touch.allObjects,还可以获得触摸点，view，经常使用的点是否在某个矩形框内，（可以重写pointInside，或是hitTest方法，返回触摸点和合适的view，一般在父类中重写，返回子类的触摸点或是view，还可以用CGRectContainsPoint(btn.frame, point)，判断触摸点，当去判断触摸点的时候必须保证这些点和矩形框都在同一个坐标系下，如果不再同一个坐标系需要进行坐标系转换再去比较）

             3：当项目中涉及大量重复的代码时，1：要想到抽方法封装，相同的部分封装在方法内部，不同的部分作为参数传递 2：在封装的时候要考虑功能性的封装，每封装的一段代码只负责一段功能的业务逻辑，例如通过触摸点找到btn的时候，找到的时候直接将按钮返回，而不是在此方法中设置按钮的选中状态，也就是在封装的时候不要将代码写死，如果在此方法中写了按钮的选中状态，有可能以后变成了高亮状态，所以只返回按钮，让外界去设置按钮的状态。

 *

 */

//手指开始点击

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {

    //当前的手指所在的点在不在按钮上, 如果在,让按钮成为选中状态

    //1.获取当前手指所在的点

    //UITouch *touch = [touches anyObject];

    //CGPoint curP = [touch locationInView:self];

    CGPoint curP = [self getCurrentPoint:touches];

    //2.判断curP在不在按钮身上

    UIButton *btn = [self btnRectContainsPoint:curP];

    if (btn && btn.selected == NO) {//触摸点在按钮身上且按钮的状态是未选中的状态的时候才设置按钮的选中状态并加入到保存的大数组中

        btn.selected = YES;

        //保存当前选中的按钮

        [self.selectBtnArray addObject:btn];

    }

}

//手指移动时调用

-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {

    //当前的手指所在的点在不在按钮上, 如果在,让按钮成为选中状态

    //1.获取当前手指所在的点

    //UITouch *touch = [touches anyObject];

    //CGPoint curP = [touch locationInView:self];

    CGPoint curP = [self getCurrentPoint:touches];

    //记录当前手指所在的点

    self.curP = curP;

    //2.判断curP在不在按钮身上

    UIButton *btn = [self btnRectContainsPoint:curP];

    if (btn && btn.selected == NO) {

        btn.selected = YES;

        [self.selectBtnArray addObject:btn];

    }

    //重绘：异步调用drawRect，在移动中绘制连线

    [self setNeedsDisplay];

}

//手指离开时调用

-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {

    NSMutableString *str = [NSMutableString string];

    //1.取消所有选中的按钮

    for (UIButton *btn in self.selectBtnArray) {

        NSLog(@"%ld",btn.tag);

        btn.selected = NO;

        [str appendFormat:@"%ld",btn.tag];

    }

    //2.清空路径

    [self.selectBtnArray removeAllObjects];

    [self setNeedsDisplay];

    //3.查看当前选中按钮的顺序

    NSLog(@"%@",str);

}

/**

 *    5:1:-(void)drawRect:(CGRect)rect方法：1：作用：当想重绘view的时候可以在在自定义的view中重写，此方法默认系统自动生成了关联view的上下文，不用开启关闭，有系统自动去管理 2：调用：不能手动调用，只能是系统调用系统才会自动生成了关联view的上下文  ，在view的viewWillAppear 执行完后调用，页面出现的时候会调用一次，手动调用[self setNeedsDisplay]，系统会异步调用drawRect方法

      2：1：画图片：iamge 直接调用drawPoint 或是drawRect，前者是以某个起点开始绘制，绘制出的图形和图片的大小相等，后者是与给出的rect相等  2：画路径：直接绘制路径，设置路径状态，调用

 *   stroke或是fill方法直接绘制到上下文  3：画继承于UIView的界面如UIImageView或是UIView到上下文，需要将控件的layer绘制到上下文，才可以

 */

-(void)drawRect:(CGRect)rect {

    if (self.selectBtnArray.count) {

        //1.创建路径

        UIBezierPath *path = [UIBezierPath bezierPath];

        //2.取出所有保存的选中的按钮

        for(int i = ; i < self.selectBtnArray.count; i++) {

            //取出每一个按钮

            UIButton *btn =  self.selectBtnArray[i];

            //判断当前按钮是不是第一个按钮

            if(i == ) {

                //如果是,设置成路径的起点

                [path moveToPoint:btn.center];

            }else {

                //添加一根线到按钮的中心：此方法是以上一条线的终点为起点来绘制直线

                [path addLineToPoint:btn.center];

            }

        }

        //添加一根线到当前手指所在的点

        [path  addLineToPoint:self.curP];

        //设置路径的状态

        [path setLineWidth:];//设置线宽

        [[UIColor redColor] set];//设置颜色

        [path setLineJoinStyle:kCGLineJoinRound];//设置两线交汇处的圆角效果

        //3.绘制路径

        [path stroke];//stroke描点绘制：他会自动将路径绘制到上下文中，fill，填充，也会自动将路径绘制到上下文中，默认会执行闭环操作

    }

}

/**

 *    3:1：在layoutSubviews里设置frame最为严谨，不要忘记调用super ，因为继承UIView，所以可以直接遍历（for in 遍历，外界定义一个index，执行一个index++,可以在for in中获得索引，也可以用for int i 带索引的遍历，根据角标直接从子控件数组中取出）将子控件从子控件数组中取出。2：layoutSubviews配合setNeedslayout ，layoutifneed配合使用，前者，不会立即调用异步调用方法，他是异步调用的（相当于在主线程中增加了一个异步线程，等主线程任务全部执行完，才会执行异步线程，异步调用也就是等所有任务执行完才会调用layoutSubviews），layoutifneed会立即调用layoutSubviews

 */

-(void)layoutSubviews {

    [super layoutSubviews];

    //取出每一个按钮,设置按钮的frame.

    CGFloat x = ;

    CGFloat y = ;

    CGFloat btnWH = ;

    //总共有多少列

    int column = ;

    CGFloat margin = (self.bounds.size.width - (btnWH * column)) / (column + );

    int curC = ;

    int curR = ;

    for (int i =; i < self.subviews.count; i++) {

        //求当前所在的列

        curC = i % column;

        //当前所在的行

        curR = i / column;

        x = margin + (btnWH + margin) * curC;

        y = margin + (btnWH + margin) * curR;

         //取出每一个按钮

        UIButton *btn = self.subviews[i];

        //设置按钮的frame.

        btn.frame = CGRectMake(x, y, btnWH, btnWH);

    }

}

@end