ios - 为什么 CAShapeLayer 的笔触会延伸到框架之外？

Question

这是示例代码：

//Called by VC:

HICircleView *circleView = [[HICircleView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

// init of circle view

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        CAShapeLayer *borderLayer = [CAShapeLayer layer];
        borderLayer.fillColor = [UIColor whiteColor].CGColor;
        borderLayer.path = [UIBezierPath bezierPathWithOvalInRect:self.frame].CGPath;
        borderLayer.strokeColor = [[UIColor redColor] CGColor];
        borderLayer.lineWidth = 5;
        [self.layer addSublayer:borderLayer];
    }
    return self;
}

好的，谢谢你的回答。转移我：

CGRect rect = CGRectMake(3, 3, self.frame.size.width, self.frame.size.height);
borderLayer.path = [UIBezierPath bezierPathWithOvalInRect:rect].CGPath;

并将线宽设为 6。

Answer 1

设置lineWidth画一条线，实际路径正好在画线的中间。

如果您希望绘制的线与某物对齐，则必须将路径移动一半lineWidth。

您可以使用- (void)applyTransform:(CGAffineTransform)transformon移动路径UIBezierPath并应用平移变换。

如果您希望将绘制的路径包含在某个区域中，则移动路径无济于事。在这种情况下，只需创建一个较小的路径。如果要绘制线宽为 5 的 100ptx100pt 矩形，则必须在 95pt*95pt 矩形中绘制路径（两边各 2.5pt 空间）。

Answer 2

您宁愿选择视图的 bounds 属性进行计算。如果它的原点大于 (0,0)，Frame 属性将无法正常工作。您可以使用 CGRectInsets 来调整圆的矩形，而不是执行变换计算。这将自动将矩形定位在原始矩形的中心。

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        CAShapeLayer *borderLayer = [CAShapeLayer layer];
        borderLayer.fillColor = [UIColor whiteColor].CGColor;
        CGFloat lineWidth = 5;
        CGRect rect = CGRectInset(self.bounds, lineWidth / 2, lineWidth / 2);
        borderLayer.path = [UIBezierPath bezierPathWithOvalInRect:rect].CGPath;
        borderLayer.strokeColor = [[UIColor redColor] CGColor];
        borderLayer.lineWidth = lineWidth;
        [self.layer addSublayer:borderLayer];
    }
    return self;
}