UIBezierPath与SKNode的zPosition使用问题：层级显示异常

你遇到的问题根源在于UIKit的CALayer体系和SpriteKit的节点体系是完全独立的渲染栈，它们的zPosition参数不互通：

• 你用CAShapeLayer绘制的线条，是添加到self.view!.layer（也就是SKView的底层CALayer）的子层，默认会显示在SKView的SpriteKit渲染内容之上
• 而SKShapeNode是SpriteKit场景里的元素，属于SKView内部的渲染层级，不管你给它设多高的zPosition，都无法突破SKView本身的CALayer层级限制

方案一：统一用SpriteKit绘制所有元素（推荐） #

把线条也改成用SKShapeNode来绘制，这样所有元素都在SpriteKit的同一层级里，zPosition就能正常控制显示顺序了。修改你的addLine函数：

private func addLine(fromPoint start: CGPoint, toPoint end:CGPoint) {
    let linePath = UIBezierPath()
    linePath.move(to: start)
    linePath.addLine(to: end)
    
    let lineNode = SKShapeNode(path: linePath.cgPath)
    lineNode.zPosition = 80
    lineNode.strokeColor = .black
    lineNode.lineWidth = 5.0
    lineNode.lineJoin = .round
    
    self.addChild(lineNode) // 添加到SpriteKit场景，而非UIView的layer
}

这样线条和你的base节点都是SpriteKit的子节点，设置zPosition（线条80，节点90）就能保证节点显示在线条上方，完全符合你的预期。

方案二：调整UIKit Layer的层级位置 #

如果一定要保留CAShapeLayer的实现，你需要把线条的layer插入到SKView的layer的最底层，让SKView的SpriteKit渲染内容显示在它上面。修改addLine里添加layer的代码：

// 替换原来的self.view!.layer.addSublayer(line)
self.view!.layer.insertSublayer(line, at: 0)

insertSublayer:at:方法可以指定layer插入的位置，at:0表示放到当前所有子layer的最下面，这样SKView本身的渲染内容（包含你的SKShapeNode）就会覆盖在这个线条layer之上。

补充说明 #

不管用哪种方案，你当前的调用顺序drawRoad（绘制线条）→drawBase（添加节点）是没问题的，但核心还是要让所有元素处于同一渲染体系，或者调整不同体系的层级关系，才能让zPosition真正生效。

内容的提问来源于stack exchange，提问作者Titouan