CAGradientLayer干扰CATransform3DRotate：视图遮挡问题求助

嘿，这是Core Animation处理3D变换时的常见坑！你的问题出在只给flipView单独设置了3D透视，却没把这个透视规则应用到整个父视图的图层。

简单说：当你给flipView的layer加上带m34的透视变换时，这个图层就进入了独立的3D渲染空间，但gradientView、slider这些视图还留在默认的2D空间里。CAGradientLayer是需要离屏渲染的图层，它会打乱Core Animation的合成顺序，导致不同空间的图层渲染层级彻底混乱——这就是为什么你看到flipView和slider都被遮挡一半，而且调整zPosition没用的原因。

我们要让所有子图层都共享同一个3D透视空间，具体改两步就行：

1. 给父视图加全局透视 #

在viewDidLoad里，setupGradientLayer()之后加这段代码，把透视规则应用到整个self.view的所有子图层：

// 全局透视设置，让所有视图都在同一个3D空间里
var perspectiveTransform = CATransform3DIdentity
perspectiveTransform.m34 = -0.002
view.layer.sublayerTransform = perspectiveTransform

2. 修改滑块的旋转逻辑 #

现在不需要再给flipView单独加透视了，只保留旋转变换就行：

@IBAction func didChangeValue(_ sender: UISlider) {
    let rotateAngle = CGFloat(sender.value) * CGFloat(Double.pi)
    // 直接用基础变换做旋转，透视已经由父图层统一提供
    let flipTransform = CATransform3DRotate(CATransform3DIdentity, rotateAngle, 0, 1, 0)
    flipView.layer.transform = flipTransform
}

可选：显式设置图层层级（更稳妥） #

如果想确保gradientView永远在flipView下面，slider在最上面，可以给每个视图的layer加zPosition（数值越小越靠后）：

// 在setupViews()里，添加子视图之前加
gradientView.layer.zPosition = -1
flipView.layer.zPosition = 0
slider.layer.zPosition = 1

class TestViewController: UIViewController {
    private var gradientLayer: CAGradientLayer!
    private var flipContent: UILabel!
    private var flipView: UIView!
    private var gradientView: UIView!
    private var slider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()
        setupViews()
        setupGradientLayer()
        
        // 添加全局透视，让所有子图层共享同一个3D空间
        var perspectiveTransform = CATransform3DIdentity
        perspectiveTransform.m34 = -0.002
        view.layer.sublayerTransform = perspectiveTransform
    }

    @IBAction func didChangeValue(_ sender: UISlider) {
        let rotateAngle = CGFloat(sender.value) * CGFloat(Double.pi)
        let flipTransform = CATransform3DRotate(CATransform3DIdentity, rotateAngle, 0, 1, 0)
        flipView.layer.transform = flipTransform
    }

    private func setupGradientLayer() {
        gradientLayer = CAGradientLayer()
        gradientLayer.colors = [
            UIColor(red: 74 / 255, green: 173 / 255, blue: 255 / 255, alpha: 1.0).cgColor,
            UIColor(red: 0 / 255, green: 94 / 255, blue: 215 / 255, alpha: 1.0).cgColor
        ]
        // 这里改成gradientView的bounds，避免父视图缩放时渐变错位
        gradientLayer.frame = gradientView.bounds
        gradientView.layer.insertSublayer(gradientLayer, at: 0)
    }

    private func setupViews() {
        gradientView = UIView(frame: CGRect(x: 10, y: 150, width: 200, height: 30))
        slider = UISlider(frame: CGRect(x: 10, y: 400, width: 200, height: 30))
        slider.minimumValue = 0
        slider.maximumValue = 1
        slider.addTarget(self, action: #selector(didChangeValue(_:)), for: .valueChanged)
        flipView = UIView(frame: CGRect(x: 10, y: 100, width: 200, height: 200))
        flipView.backgroundColor = UIColor.lightGray
        flipContent = UILabel(frame: CGRect(x: 10, y: 100, width: 100, height: 100))
        flipContent.text = "I will flip"
        flipView.addSubview(flipContent)
        
        // 显式设置zPosition，确保图层层级符合预期
        gradientView.layer.zPosition = -1
        flipView.layer.zPosition = 0
        slider.layer.zPosition = 1
        
        view.addSubview(gradientView)
        view.addSubview(flipView)
        view.addSubview(slider)
    }
}

为啥CAGradientLayer会触发这个问题？因为它是需要离屏渲染的图层，会改变Core Animation的合成优先级，当存在独立3D空间的图层时，这种优先级变化就会导致z轴层级判断错误。而统一父图层的sublayerTransform是处理多图层3D变换的标准操作，能确保所有视图都在同一个透视空间里，渲染顺序自然就对了。

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