如何在CAShape图层顶部显示UIImage？

Question

I'm having trouble drawing a UIImage in front of a CAShapeLayer . I have a vector image in the background with an icon in front of it. The vector is important because I'm eventually scaling & animating this; and I have a ton of these onscreen so for performance I'd like to do this at a lower level than with a bunch of UIImageView subviews.

I've tried:

• Setting the container view's layer class to CAShapeLayer
• Adding a CAShapeLayer as a sublayer of my container view
• Setting my container's layer and/or sublayer's content to the image's CGImage
• Manually drawing the image in the container view's drawRect (my Quartz-fu is pretty weak, though)

In most cases I get the image drawn behind the shape (I vaguely understand that this is due to how CAShapeLayers composite themselves) or no image at all. Surely this is possible without resorting to subviews?

Answer 1

Have you tried setting the zPosition of a sublayer to a positive value? The default is 0.0, so making it larger than zero would push it "higher" in the hierarchy.