ios - 使用 bezierPathWithOvalInRect 绘制时边框被剪裁

Question

我在自定义 UIView 的 drawRect 中画了一个圆:

- (void)drawRect:(CGRect)rect {
  ...
  UIBezierPath *ovalPath = [UIBezierPath bezierPathWithOvalInRect:rect];
  [UIColor.whiteColor setStroke];
  ovalPath.lineWidth = 1;
  [ovalPath stroke];
}

椭圆总是在边缘被剪裁。我怎样才能避免剪裁？插入矩形是唯一的方法吗？

Answer 1

CG 以路径为中心绘制笔划——一半在路径内，一半在路径外。因此，部分中风在您的视野之外，您看不到它。

将矩形插入笔画宽度的一半。

CGRect rectToStroke = CGRectInset(rect, 0.5, 0.5);
UIBezierPath *ovalPath = [UIBezierPath bezierPathWithOvalInRect: rectToStroke];

您使用 CG 或 UIKit 在 -drawRect: 中绘制的任何内容都会进入一个位图上下文，该上下文是您 View 的 bounds 的大小。

如果您需要显示大于 bounds.size 的内容，您有两个选择:使 View 的 bounds 更大，或者通过其他方法绘制，例如:

1. 添加一个更大的 subview (但它会出现在您的 View 顶部，因此您需要使其部分透明)
2. 将 CALayer 或 CAShapeLayer 添加到您的 View 层(具有相同的警告)
3. 设置 View 层的 borderWidth 以在内容顶部绘制边框

(对于所有这些，您可能会发现还需要将 View 的 clipsToBounds 属性设置为 NO，如果尚未设置的话。)