简单的实现涂鸦功能

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        
        // Initialization code
        // 定义了一个线数组,来存储所有的线
        self.lineArray = [[NSMutableArray alloc] initWithCapacity:1];
        // 设置一个清除按钮
        UIButton *clear = [UIButton buttonWithType:UIButtonTypeSystem];
        clear.frame = CGRectMake(frame.size.width-100, frame.size.height-100, 100, 100);
        [clear setTitle:@"清除" forState:UIControlStateNormal];
        [clear addTarget:self action:@selector(clearScreen) forControlEvents:UIControlEventTouchUpInside];
        [self addSubview:clear];
        
    }
    return self;
}

- (void)clearScreen{
    
    // 清除所有的线,即存在线数组中的对象
    [_lineArray removeAllObjects];
    // 重绘(具体概念在动画中更明显,这里理解为,接受到了命令,接下来就是点击开始按钮运行)
    [self setNeedsDisplay];

}


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

    // 一触摸屏幕,就将启动点存进pointArray中,并且将绘成第一条线所需的点数组作为元素存进定义的_lineArray中
    // 为什么这样设置呢?因为手一离开屏幕,又是一个新的启动点传入,也是另一条新线的划入
    NSMutableArray * pointArray = [NSMutableArray arrayWithCapacity:1];
    [_lineArray addObject:pointArray];
    
}

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

    // 获得触摸屏幕的所有对象
    UITouch * touch = [touches anyObject];
    // 获得触摸屏幕的所有点的位置
    CGPoint  point = [touch locationInView:self];
    // 利用NSValue将获得的点封装成NSValue类型对象,以便能存进NSMutableArray中
    NSValue * pointCount = [NSValue valueWithCGPoint:point];
    // 与touchesBegan方法想呼应,一触摸屏幕所设置的点数组也就是最后一个点数组,这里取出来,存移动中所有点
    NSMutableArray * pointArray = [_lineArray lastObject];
    [pointArray addObject:pointCount];
    
    // 重新绘制这个self.view
    [self setNeedsDisplay];
    
}


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
    // 获得上下文本(我更愿意理解为获得进行绘画资格,作为一个通行证般的参数,让你能设置画笔颜色,线条尺寸,以及如何绘画)
    CGContextRef context = UIGraphicsGetCurrentContext();
    // 设置画笔
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    // 设置线条粗细
    CGContextSetLineWidth(context, 2.0);
    
    for (int i = 0; i < _lineArray.count; i++) {
        NSMutableArray * pointArray = [_lineArray objectAtIndex:i];
        // 这里(int)pointArray.count进行了类型转换,可以思考下是为什么
        for (int j = 0; j < (int)pointArray.count - 1; j++) {
            // 获得封装的起点
            NSValue * headPointValue = [pointArray objectAtIndex:j];
            // 获得封装的终点
            NSValue * tailPointValue = [pointArray objectAtIndex:(j + 1)];
            // 转化为CGPoint类型
            CGPoint headPoint = [headPointValue CGPointValue];
            // 转化为CGPoint类型
            CGPoint tailPoint = [tailPointValue CGPointValue];
            
            // 设置画笔的起点
            CGContextMoveToPoint(context, headPoint.x, headPoint.y);
            // 画笔路径的途径直到终点
            CGContextAddLineToPoint(context, tailPoint.x, tailPoint.y);
        }
    }
    // 绘制这个文本(总算可以画画了)
    CGContextStrokePath(context);
    

}