CALayer子类一、CAShapeLayer

CAShapeLayer的属性

• path
CAShapeLayer的path属性是他如此牛逼的一个重要起点，也是它和贝塞尔曲线紧密连接一个入口，他决定了我们要在图层上画一个什么形状。

• fillColor
fillColor即layer的path的内部填充颜色。

• fillRule
fillRule属性用于指定使用哪一种算法去判断画布上的某区域是否属于该图形“内部” （内部区域将被填充）。

  kCAFillRuleNonZero
  字面意思是“非零”。按该规则，要判断一个点是否在图形内，从该点作任意方向的一条射线，然后检测射线与图形路径的交点情况。从0开始计数，路径从左向右穿过射线则计数加1，从右向左穿过射线则计数减1。得出计数结果后，如果结果是0，则认为点在图形外部，否则认为在内部。下图演示了kCAFillRuleNonZero规则 :
  

  
  kCAFillRuleEvenOdd
  字面意思是“奇偶”。按该规则，要判断一个点是否在图形内，从该点作任意方向的一条射线，然后检测射线与图形路径的交点的数量。如果结果是奇数则认为点在内部，是偶数则认为点在外部。下图演示了kCAFillRuleEvenOdd 规则：
  

• strokeColor
  描边颜色

• strokeStart、strokeEnd
  两者的取值都是0～1，决定贝塞尔曲线的描边百分比，对应值的改变支持隐式动画。

  UIBezierPath* bezierPath_rect = [UIBezierPath bezierPathWithRect:CGRectMake(30, 50, 100, 100)];
  bezierPath_rect.lineWidth = 10;
  CAShapeLayer* shapeLayer = [CAShapeLayer layer];
  shapeLayer.path = bezierPath_rect.CGPath;
  shapeLayer.fillColor = [UIColor redColor].CGColor;
  shapeLayer.strokeColor = [UIColor blackColor].CGColor;
  shapeLayer.lineWidth = 10;
  shapeLayer.strokeStart = 0;
  shapeLayer.strokeEnd = 0.9;
  [self.view.layer addSublayer:shapeLayer];
  

  运行结果

  

• lineWidth
  描边的线宽。

• miterLimit
  最大斜接长度，只有lineJoin属性为kCALineJoinMiter时miterLimit才有效，当衔接角度太小时，斜接长度就会很大，如果设置了miterLimit并且当斜接长度大于这个值时，便会对应裁切掉多余区域：

  设置miterLimit前
  

  
  设置miterLimit后
  

• lineCap
  线端点类型，也就是对应曲线结束的点的显示样式。

  kCALineCapButt     不绘制端点
  kCALineCapRound    圆形端点
  kCALineCapSquare   方形端点
  

• lineJoin
  连接点类型，也就是对应曲线节点的位置的显示样式。

  

• lineDashPattern
  虚线设置，为一个数组，数组中奇数位实线长度，偶数位带遍空白长度（注意：这里的奇数，偶数以数组的第一个元素索引为1计算）。

• lineDashPhase
  虚线开始的位置，可以使用此属性做一个滚动的虚线框。

UIBezierPath* bezierPath_rect = [UIBezierPath bezierPathWithRect:CGRectMake(30, 50, 100, 100)];
CAShapeLayer* shapeLayer = [CAShapeLayer layer];
shapeLayer.path = bezierPath_rect.CGPath;
shapeLayer.fillColor = [UIColor clearColor].CGColor;
shapeLayer.strokeColor = [UIColor blackColor].CGColor;
shapeLayer.lineWidth = 1;
shapeLayer.lineDashPattern = @[@6, @6]; //设置虚线样式
[self.view.layer addSublayer:shapeLayer];

// 创建子线程队列
dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
// 使用之前创建的队列来创建定时器，注意定时器的生命周期
self.timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, queue);
dispatch_source_set_timer(self.timer, DISPATCH_TIME_NOW, 0.3 * NSEC_PER_SEC, 0.1 * NSEC_PER_SEC);
dispatch_source_set_event_handler(self.timer, ^{
    dispatch_async(dispatch_get_main_queue(), ^{
        // 改变虚线起点
        CGFloat add = 3;
        shapeLayer.lineDashPhase -= add;
    });
});
// 开启定时器
dispatch_resume(self.timer);

运行效果：