ios - 如何将一个circleView进度添加到一个UIView并扩展到所有UIView？

Question

我已经在 Storyboard中使用约束设置了一个 UIView，我想使用带有 UIBezierPath 的 CAShapeLayer 向该 View 添加一个循环进度>.

我已正确添加此内容，但圆圈并未扩展到所有 View 。我在 viewDidLoad 函数中调用它。我的 View 对调整 top-x View 的高度和宽度有限制。

- (void)viewDidLoad {
[super viewDidLoad];

CAShapeLayer *borderLayer = [CAShapeLayer layer];
borderLayer.fillColor = [UIColor whiteColor].CGColor;
CGFloat lineWidth = 4;

CGRect rect = CGRectMake(lineWidth+lineWidth/2, lineWidth+lineWidth/2, self.myView.bounds.size.width/2, self.myView.bounds.size.height/2);
borderLayer.path = [UIBezierPath bezierPathWithOvalInRect:rect].CGPath;
borderLayer.strokeColor = [[UIColor redColor] CGColor];
borderLayer.lineWidth = lineWidth;
[borderLayer setFillColor:[UIColor clearColor].CGColor];
[self.myView.layer addSublayer:borderLayer];
}

圆圈进度未根据 UIView 调整大小，显示如下:

我怎样才能像这样绘制它占据整个UIView:

Answer 1

1 - 您的 View 框架尚未在 viewDidLoad 中设置。您需要将此代码移动到 viewDidLayoutSubviews 或 View Controller 生命周期的稍后位置。

相关问题:

Why am I having to manually set my view's frame in viewDidLoad?

有关 View Controller 生命周期的 Apple 文档: https://developer.apple.com/library/content/referencelibrary/GettingStarted/DevelopiOSAppsSwift/WorkWithViewControllers.html#//apple_ref/doc/uid/TP40015214-CH6-SW1

2 - 改变这个:

CGRect rect = CGRectMake(lineWidth+lineWidth/2, lineWidth+lineWidth/2, self.myView.bounds.size.width/2, self.myView.bounds.size.height/2);

为此:

CGRect rect = CGRectMake(lineWidth/2, lineWidth/2, self.myView.bounds.size.width - lineWidth, self.myView.bounds.size.height - lineWidth);

结果(我在测试中使用了略微不同的线宽和 View 大小):