CALayer 边框出现在子视图上方（我认为与 Z 顺序相关）

IOS

的文章如下：

在IOS开发中，CALayer是一种用于绘制和管理视图的强大工具。它可以用于创建自定义的视觉效果，包括边框、阴影和渐变等。然而，当使用CALayer来添加边框时，有时会出现边框出现在子视图上方的问题。这个问题与CALayer的Z顺序有关，也就是图层的叠加顺序。在本文中，我们将探讨这个问题并提供解决方案。

问题描述

当我们在一个父视图上添加了多个子视图，并为父视图和子视图的CALayer添加了边框时，有时会发现边框显示在子视图的上方。这种情况下，边框会覆盖住子视图的一部分内容，导致视觉上的问题。

问题分析

这个问题的原因在于CALayer的Z顺序。每个CALayer都有一个zPosition属性，用于确定图层的叠加顺序。默认情况下，zPosition的值为0，也就是处于最底层。当我们在父视图上添加子视图时，子视图的CALayer的zPosition值会自动设置为比父视图的CALayer的zPosition值大1。这样，子视图就会显示在父视图的上方。

然而，当我们为父视图和子视图的CALayer都添加了边框时，这个自动设置的zPosition值就不再适用了。CALayer的边框是绘制在图层的边界上的，而不是内部内容的边界。因此，边框会覆盖住子视图的一部分内容，导致边框显示在子视图上方的问题。

解决方案

要解决这个问题，我们需要手动调整子视图的CALayer的zPosition值，使其处于边框的上方。可以通过为子视图的CALayer设置一个较大的zPosition值，来将子视图置于边框的上方。

下面是一个示例代码，演示了如何使用CALayer添加边框并解决边框显示在子视图上方的问题：

Swift
import UIKit
class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let parentView = UIView(frame: CGRect(x: 50, y: 50, width: 200, height: 200))
        parentView.backgroundColor = UIColor.gray
        view.addSubview(parentView)
        
        let childView = UIView(frame: CGRect(x: 50, y: 50, width: 100, height: 100))
        childView.backgroundColor = UIColor.white
        parentView.addSubview(childView)
        
        // 添加父视图的边框
        parentView.layer.borderWidth = 2.0
        parentView.layer.borderColor = UIColor.red.cgColor
        
        // 添加子视图的边框
        childView.layer.borderWidth = 2.0
        childView.layer.borderColor = UIColor.blue.cgColor
        
        // 调整子视图的zPosition值
        childView.layer.zPosition = parentView.layer.zPosition + 1
    }
}

在上面的代码中，我们创建了一个父视图和一个子视图，并分别为它们的CALayer添加了边框。然后，我们通过设置子视图的CALayer的zPosition值为父视图的CALayer的zPosition值加1，将子视图置于边框的上方。

通过使用以上解决方案，我们可以确保边框不会覆盖住子视图的内容，从而解决了边框显示在子视图上方的问题。这样，我们可以在IOS应用程序中自由地使用CALayer来创建各种视觉效果，而不必担心这个问题的出现。