objective-c - 如何在 Cocoa 中用两种交替颜色绘制虚线 CGPath？

Question

我想用两种交替颜色(例如黑色和白色，想想 Preview.app 选择框)来描画 CAShapeLayer 的路径。我不确定如何做到这一点，或者这对于 Quartz 是否可行。

我设置了一个 CAShapeLayer 以具有白色边框，然后将路径属性设置为黑色虚线。我希望这能产生黑白虚线的效果。然而，看起来路径是先绘制的，边框是在上面描边的，见截图(毛皮是我的猫的)，

任何人都可以提出更好的方法或方法来使其发挥作用吗？

代码，

// Stroke a white border
[shapeLayer setFrame:shapeRect];
[shapeLayer setBorderColor:[[NSColor whiteColor] CGColor]];
[shapeLayer setBorderWidth:1.0];

// Stroked a black dash path (along the border)
// and fill shape with clear colour
[shapeLayer setFillColor:[[NSColor clearColor] CGColor]];
[shapeLayer setStrokeColor:[[NSColor blackColor] CGColor]];
[shapeLayer setLineWidth:1.0];
[shapeLayer setLineJoin:kCALineJoinRound];
[shapeLayer setLineDashPattern:
 [NSArray arrayWithObjects:[NSNumber numberWithInt:5],
  [NSNumber numberWithInt:5],
  nil]];

CGMutablePathRef path = CGPathCreateMutable();
CGPathAddRect(path, NULL, shapeLayer.bounds);
[shapeLayer setPath:path];
CGPathRelease(path);

Answer 1

我认为这种方法有两个问题(混合图层边框和形状描边)

1. 边框位于(边界)内部，但描边是从(路径)中心开始的。
2. 在路径被添加后绘制边框

你可以通过将路径插入到描边宽度的一半来对#1做一些事情

CGFloat halfWidth = 1.0/2.0;
CGPathAddRect(path, NULL, CGRectInset(shapeLayer.bounds, halfWidth, halfWidth));

但是边框仍然会绘制在形状上方(至少我不知道如何更改顺序)。

我认为最简单的解决方案是必须在同一容器层中塑造图层。容器将用于更改框架，两个图层将用于绘图。

底层将有白色描边(无虚线图案)，顶层将有黑色虚线描边。由于两个形状具有相同的路径，因此看起来像黑白虚线图案。

这样做也适用于任何形状。