iOS开发封装篇－利用绘图封装一个可以涂鸦的view

很简单的利用UIBezierPath封装一个可以涂鸦的view，支持设置涂鸦线宽和颜色，清除，撤销橡皮擦，添加图片，保存涂鸦后的图片等功能，虽然技术难点不大，但是感觉实现功能的思路还是值得借鉴的��。直接开撸：

1.自定义view，添加滑动手势，在响应方法里创建贝瑟尔路径（为了方便设置涂鸦线的宽度和颜色，我添加了一个UIBezierPath的子类），并保存到数组里，保存完毕调用setNeedsDisplay方法重绘。

- (void)awakeFromNib
{
    [self setUp];
}

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        [self setUp];
    }
    return self;
}
// 初始化设置
- (void)setUp
{
    // 添加pan手势
    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];

    [self addGestureRecognizer:pan];

    _lineWidth = 1;
    _pathColor = [UIColor blackColor];
}


// 当手指拖动的时候调用
- (void)pan:(UIPanGestureRecognizer *)pan
{

    // 获取当前手指触摸点
    CGPoint curP = [pan locationInView:self];

    // 获取开始点
    if (pan.state == UIGestureRecognizerStateBegan) {
        // 创建贝瑟尔路径
        _path = [[WDDrawPath alloc] init];

        // 设置线宽
        _path.lineWidth = _lineWidth;

        // 给路径设置颜色
        _path.pathColor = _pathColor;

        // 设置路径的起点
        [_path moveToPoint:curP];

        // 保存描述好的路径
        [self.paths addObject:_path];

    }

    // 手指一直在拖动
    // 添加线到当前触摸点
    [_path addLineToPoint:curP];

    // 重绘
    [self setNeedsDisplay];

}

2.在drawRect方法里拿出数组中保存到路径重绘，但是要注意判断是否是图片。

// 绘制图形
// 只要调用drawRect方法就会把之前的内容全部清空
- (void)drawRect:(CGRect)rect
{
    for (WDDrawPath *path in self.paths) {
        if ([path isKindOfClass:[UIImage class]]) {
            // 绘制图片
            UIImage *image = (UIImage *)path;
            [image drawInRect:rect];
        }else{
            // 画线
            [path.pathColor set];
            [path stroke];
        }
    }
}

3.撤销和清除功能就很简单了，只要操作保存路径的数组就行了。

- (void)clear
{
    [self.paths removeAllObjects];

    [self setNeedsDisplay];
}

- (void)undo
{
    [self.paths removeLastObject];

    [self setNeedsDisplay];
}

好了附上效果图：

1.普通涂鸦。

2.添加图片。

照例附上demo地址：Github