Layer

CAShapeLayer 属性

 @property(nullable)  CGPathRef  path;
//  用来定义呈现形状的路径 , 如果该路径延伸到父Layer之外的范围,  
    并不会自动被父Layer裁剪掉多出的部分,除非是正常的被遮盖的情  
    况下才会被父Layer层自动裁剪掉 
    (注意点: 虽然这个路径可以用来做动画,当它的路径被改变的时候会默认创建一个隐式动画)

  // 路径填充颜色
@property(nullable) CGColorRef fillColor;   
// 将颜色填充整个路径, 为空则不填充, 默认属性为黑色不透明

//  填充路径时所使用的填充规则
@property(copy) NSString *fillRule;

// 外边框颜色  - 支持隐式动画
@property(nullable) CGColorRef strokeColor;

//  这些值定义了此次被用于绘画的轮廓路径(区域范围) 
 这些值的范围必须是[0，1]之间包含0和1这些在0和1之间的值会沿着路径的轮廓被线性的插入进去   (支持隐式动画)
@property CGFloat strokeStart;   // 路径起点
@property CGFloat strokeEnd;    //  结束位置

@property CGFloat lineWidth;  // 填充路径的线宽 ,默认为1(支持隐式动画)

// 路径被填充的斜切角限制  默认为10(支持隐式动画)
@property CGFloat miterLimit;

// 线两头样式   方形/圆形/   默认为
@property(copy) NSString *lineCap;

//  拐角样式   选项为: `miter',`round'and`bevel'.Defaults to`miter'
  斜切角/ 圆角/ 斜角  默认为 切角
@property(copy) NSString *lineJoin;

// 线样式显示为虚线  
@property CGFloat lineDashPhase;

// 虚线模式  文档是这样写的   
  The dash pattern (an array of NSNumbers) applied when creating the
 *stroked version of the path. Defaults to nil
@property(nullable, copy) NSArray<NSNumber *> *lineDashPattern;

例子:  
    #define  PROGREESS_WIDTH 150 //圆直径
    #define PROGRESS_LINE_WIDTH 6 //弧线的宽度

    CAShapeLayer *trackLayer = [CAShapeLayer layer];//创建一个track shape layer
    trackLayer.frame = self.bounds;
    [self.layer addSublayer:_trackLayer];
    trackLayer.fillColor = [[UIColor clearColor] CGColor];
    trackLayer.strokeColor = [[UIColor lightGrayColor] CGColor];//指定path的渲染颜色
    trackLayer.opacity = 0.25; // 设置自己的透明度
    trackLayer.lineCap = kCALineCapRound;   //指定线的边缘是圆的
    trackLayer.lineWidth = 5;//线的宽度
    
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(40, 40) radius:(PROGREESS_WIDTH-PROGRESS_LINE_WIDTH)/2 startAngle:degreesToRadians(-270) endAngle:degreesToRadians(30) clockwise:YES];//上面说明过了用来构建圆形
    trackLayer.path =[path CGPath]; //把path传递給layer，然后layer会处理相应的渲染，整个逻辑和CoreGraph是一致的。

CAGradientLayer 属性

// 定义每个渐变颜色的CGColorRef对象数组
@property(nullable, copy) NSArray *colors;

// 定义每个渐变对象渐变的位置区域,并且每个渐变对象的的值都在 [0 , 1]之间的NSNumber对象数组,而且每添加一个新的lacation位置区域对象, 对它所赋予的值都是呈单调增加的
@property(nullable, copy) NSArray<NSNumber *> *locations;

// 被画入父Layer的空间位置的起始点和终点
@property CGPoint startPoint;
@property CGPoint endPoint;

// 设置类型之后,此种渐变将会被绘制, 目前仅支持 axial 渐变类型(默认值)
@property(copy) NSString *type;

 #使用示例
    CAGradientLayer *gradientLayer =  [CAGradientLayer layer];
    gradientLayer.frame = CGRectMake(0, 0, self.frame.size.width/2, self.frame.size.height);   
    [gradientLayer setColors:[NSArray arrayWithObjects:(id)[[UIColor redColor] CGColor],(id)[[UIColor blueColor] CGColor], nil]];  // 设置颜色,系统自动转换为CGColorRef 对象
    [gradientLayer setLocations:@[@0.5,@0.9,@1 ]];  //每个渐变的区间范围
    [gradientLayer setStartPoint:CGPointMake(1, 1)];  // 起始点
    [gradientLayer setEndPoint:CGPointMake(5, 5)];  // 终点
        [self.layer addSublayer:gradientLayer1];

PS: 记录一下,刚刚开始研究。有不对的地方望指正。

Layer

推荐阅读更多精彩内容