參考:CAShapeLayer - 繪圖板

由于參考的文章代碼的線條是寫死的,所有對于畫板的需求來說,還是不太好用,所以自己寫了個Demo
直接上代碼了:
<code>

 @interface ViewController ()

 @property (nonatomic, strong, nullable) NSMutableArray * drawPaths;
 @property (nonatomic, strong, nullable) NSMutableArray * drawLayers;

 @end

 @implementation ViewController

- (void)viewDidLoad {
        [super viewDidLoad];
        UIButton * clearBtn = [[UIButton alloc]
          initWithFrame:CGRectMake(self.view.bounds.size.width - 100, 44, 100, 50)];
        clearBtn.backgroundColor = [UIColor grayColor];
        [clearBtn setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];
        [clearBtn setTitle:@"clear" forState:UIControlStateNormal];
        clearBtn.tag = 1;
        [clearBtn addTarget:self action:@selector(backOrClear:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview: clearBtn];
        UIButton * backBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 44, 100, 50)];
        backBtn.backgroundColor = [UIColor grayColor];
        [backBtn setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];
        [backBtn setTitle:@"back" forState:UIControlStateNormal];backBtn.tag = 2;
        [backBtn addTarget:self action:@selector(backOrClear:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview: backBtn];
  }
  - (void)backOrClear:(UIButton *)sender{
        switch (sender.tag) {
              case 1:{
                    for (CAShapeLayer * layer in self.drawLayers) {
                          [layer removeFromSuperlayer];
                    }
                    self.drawLayers = nil;
                    [self.drawPaths removeAllObjects];
              }
              break;
              default:{
                    CAShapeLayer * layer = self.drawLayers.lastObject;
                    [layer removeFromSuperlayer];
                    [self.drawLayers removeLastObject];
              }
              break;
        }
  }
  - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ 
          [super touchesBegan:touches withEvent:event]; 
          UIBezierPath * path = [UIBezierPath bezierPath];  
          [path moveToPoint:[[touches anyObject] locationInView:self.view]];   
          CAShapeLayer *layer = [CAShapeLayer layer];    
          layer.backgroundColor = [UIColor clearColor].CGColor;  
          layer.frame = self.view.bounds;  
          layer.path = path.CGPath;   
          layer.lineWidth = 3.0f;   
          layer.strokeColor = [UIColor redColor].CGColor;  
          layer.miterLimit = 2.;   
          layer.lineDashPhase = 10;   
          layer.lineDashPattern = @[@1,@0];   
          layer.fillColor = [UIColor clearColor].CGColor;
          layer.fillRule = kCAFillRuleEvenOdd;    
          layer.lineCap = kCALineCapRound;   
          layer.lineJoin = kCALineJoinRound;    // 結(jié)合 CABasicAnimation 可以變成 動畫繪制    // 將layer添加進圖層   
          [self.view.layer addSublayer:layer];   
          [self.drawPaths addObject:path];   
          [self.drawLayers addObject:layer];   
 }    
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{  
          [super touchesMoved:touches withEvent:event];                      
          UIBezierPath * path = self.drawPaths.lastObject;      
          CAShapeLayer * layer = self.drawLayers.lastObject;                    
          [path addLineToPoint:[[touches anyObject] locationInView:self.view]];       
          layer.path = path.CGPath;      
}        
- (NSMutableArray *)drawPaths{      
   if (_drawPaths == nil) {     
       _drawPaths = [NSMutableArray array];     
   }       
   return _drawPaths;      
}       
- (NSMutableArray *)drawLayers{     
    if (_drawLayers == nil) {       
          _drawLayers = [NSMutableArray array];    
    }      
    return _drawLayers;   
}

</code>

有人可能會問了,這么寫,會不會有問題,為什么不用一個UIBezierPath曲線畫,我是這樣考慮的:
1.一條曲線渲染速度太慢,畫的越多,渲染的速度越慢.會造成延時渲染的效果.這個是我跳入的坑,剛爬出來.
2.對于畫板的需求來說,回撤的可能是非常大的.一條曲線不容易操作
對于一條曲線來說,如果渲染慢的話,還是可以解決的,不過要調(diào)用,layer的-setNeedsDisplayInRect:方法對touch附近的區(qū)域進行渲染,這個繼續(xù)研究

有不明白的歡迎下載Demo