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: 记录一下,刚刚开始研究。 有不对的地方望指正。
