简单的实现涂鸦功能

- (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);

}