Swift UIView zPosition 问题，视图与其他视图重叠

Question

我正在写一个日历视图，我在它的超视图上添加了另外三个视图，所以日历视图应该在顶层，在模拟器上看起来很好

后来发现按钮点不上了，于是查看视图层级，发现其他三个视图在日历上重叠了，3d预览和视图在日历上很奇怪模拟器不同

这里是UI部分的代码

函数更新UI() {

    if calendarView != nil {

        self.view.addSubview(calendarView!)

        self.calendarView!.frame.origin = calendarViewPosition!
        self.calendarView!.layer.zPosition = 5
        self.calendarView!.layer.cornerRadius = self.setting.itemCardCornerRadius
        self.calendarView!.layer.masksToBounds = true
        self.calendarView!.setViewShadow()
        UIView.animate(withDuration: 0.8, delay: 0, options: .curveEaseOut, animations: {
            self.calendarView!.frame.origin.y += 50
        }) { _ in
            
            var newCalendarPageCordiateYDifference: CGFloat = 10
            var newCalendarPageSizeDifference: CGFloat = 20
            var zPosition: CGFloat = 4
            
            for _ in 1 ... 3 {
                let newCalendarPage = UIView()
            
                newCalendarPage.frame = CGRect(x: self.calendarView!.frame.origin.x + newCalendarPageSizeDifference / 2, y: self.calendarView!.frame.origin.y, width: self.calendarView!.frame.width - newCalendarPageSizeDifference, height: self.calendarView!.frame.height - newCalendarPageSizeDifference)
                newCalendarPage.backgroundColor = .white
                newCalendarPage.layer.zPosition = zPosition
                newCalendarPage.layer.cornerRadius = self.setting.itemCardCornerRadius
                newCalendarPage.setViewShadow()
                
                self.view.addSubview(newCalendarPage)
                
                UIView.animate(withDuration: 0.3, delay: 0, options: .curveEaseOut, animations: {
                    newCalendarPage.frame.origin.y -= newCalendarPageCordiateYDifference
                })
                
                zPosition -= 1
                newCalendarPageCordiateYDifference += 10
                newCalendarPageSizeDifference += 50
            }
            
           
        }
    }
    
    
   
    

}

Answer 1

从 for 循环中删除 self.view.addSubview(newCalendarPage) 并像这样添加子视图

self.view.insertSubview(newCalendarPage, belowSubview: calendarView)

另一种方法是禁用用户交互，例如 newCalendarPage.isUserInteractionEnabled = false

Swift UIView zPosition 问题，视图与其他视图重叠

Swift UIView zPosition issue, views overlap on other views

swift

uiview

layer

zposition