ios - 图层 zPosition 无效

Question

三层被赋予相同的父级，但要添加的第一层上的 zPosition 值没有影响 - 它保留在后面。为什么是这样？我正在阅读的书说子层数组中的位置可以用 zPosition 值覆盖。

import UIKit
import PlaygroundSupport

extension CGRect {
    init(_ x:CGFloat, _ y:CGFloat, _ w:CGFloat, _ h:CGFloat) {
        self.init(x:x, y:y, width:w, height:h)
    }
}

let v0 = UIView(frame: CGRect(0, 0, 500, 500))
v0.backgroundColor = .white

let v1 = UIView(frame: v0.frame)

let lay1 = CALayer()
lay1.backgroundColor = UIColor(red: 1, green: 0.4, blue: 1, alpha: 1).cgColor
lay1.frame = CGRect(113, 111, 132, 194)
lay1.zPosition = 100
v1.layer.addSublayer(lay1)

let lay2 = CALayer()
lay2.backgroundColor = UIColor(red: 0.5, green: 1, blue: 0, alpha: 1).cgColor

lay2.frame = CGRect(41, 56, 132, 194)
v1.layer.addSublayer(lay2)

let lay3 = CALayer()
lay3.backgroundColor = UIColor(red: 1, green: 0, blue: 0, alpha: 1).cgColor
lay3.frame = CGRect(43, 197, 160, 230)
v1.layer.addSublayer(lay3)

v0.addSubview(v1)

PlaygroundPage.current.liveView = v0 

Answer 1

我认为您的代码按预期工作。我只是将 View 的颜色更改为

lay1.backgroundColor = UIColor.green.cgColor
lay2.backgroundColor = UIColor.blue.cgColor
lay3.backgroundColor = UIColor.red.cgColor

这是输出。您可以看到具有 z 位置的绿色 View (lay1)位于顶部。

此外，在这里玩文字也很有趣: