CAShapeLayer with border and fill color and rounding

Question

How do I use CAShapeLayer to draw a line that has both a border color, border width and fill color?

Here\'s what I\'ve tried, but it\'s only ever blue...

Answer 1

If you set the layer's fillColor property to something other than nil or transparent, the layer will fill its path.

If you set the layer's lineWidth to a number larger than zero and you set its strokeColor to something other than nil or transparent, the layer will stroke its path.

If you set all of those properties, the layer will fill and stroke its path. It draws the stroke after the fill.

The layer's path must actually enclose some area in order for it to fill anything. In your post, you set the path like this:

UIBezierPath* path = [UIBezierPath bezierPath];
[path moveToPoint:self.lineStart];
[path addLineToPoint:self.lineEnd];
self.lineShape.path = path.CGPath;

That path contains a single line segment. It doesn't enclose any area, so the layer has nothing to fill.