UIView通过UIBezierPath设置圆角失效问题求助

你遇到的这个问题我之前做分页滚动组件时也碰到过，核心原因是自定义遮罩的路径没有跟随view的布局变化自动更新，尤其是在UIScrollView/UIPageViewController这类容器中，view的bounds可能在viewDidLayoutSubviews之后还会因为滚动、容器布局调整而变化，导致遮罩和实际view的frame不匹配，最终出现只有部分圆角生效的情况。下面给你几个靠谱的解决方案：

方案1：用iOS11+原生API（推荐，最省心） #

从iOS11开始，系统直接支持指定特定角落做圆角，完全不需要自己写遮罩，还能自动响应布局变化：

extension UIView {
    func setRoundedCorners(_ corners: UIRectCorner, radius: CGFloat) {
        if #available(iOS 11.0, *) {
            layer.cornerRadius = radius
            // 把UIRectCorner转成系统要求的CACornerMask
            layer.maskedCorners = CACornerMask(rawValue: corners.rawValue)
            layer.masksToBounds = true
        } else {
            // 兼容iOS11以下的版本，优化原有遮罩逻辑
            let path = UIBezierPath(roundedRect: bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
            let maskLayer = CAShapeLayer()
            maskLayer.path = path.cgPath
            maskLayer.frame = bounds // 确保遮罩层跟随view大小变化
            layer.mask = maskLayer
            
            // 监听view的bounds变化，实时更新遮罩路径
            addObserver(self, forKeyPath: "bounds", options: [.new], context: nil)
        }
    }
    
    // iOS11以下的观察者回调，更新遮罩
    override open func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if keyPath == "bounds", let maskLayer = layer.mask as? CAShapeLayer {
            let currentRadius = layer.cornerRadius
            let path = UIBezierPath(roundedRect: bounds, byRoundingCorners: .allCorners, cornerRadii: CGSize(width: currentRadius, height: currentRadius))
            maskLayer.path = path.cgPath
            maskLayer.frame = bounds
        }
    }
    
    // 记得在销毁时移除观察者，避免内存泄漏
    deinit {
        removeObserver(self, forKeyPath: "bounds")
    }
}

调用方式和你原来的逻辑一致，还是放在viewDidLayoutSubviews里：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    cvTutorialContainerView.setRoundedCorners([.topRight, .bottomRight, .topLeft, .bottomLeft], radius: 8)
}

方案2：优化原有遮罩方法（兼容低版本） #

如果必须用自定义遮罩，要确保遮罩层能跟随view的大小变化，同时在布局稳定后再生成路径：

// 修改你的扩展，给遮罩层设置frame
extension UIView {
    func roundedView(usingCorners corners: UIRectCorner, cornerRadii: CGSize) {
        let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: cornerRadii)
        let maskLayer = CAShapeLayer()
        maskLayer.path = path.cgPath
        maskLayer.frame = self.bounds // 关键：让遮罩层和view同大小
        self.layer.mask = maskLayer
    }
}

// 在viewDidLayoutSubviews里延迟执行，确保布局完全稳定
override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    DispatchQueue.main.async {
        self.cvTutorialContainerView.roundedView(usingCorners: .allCorners, cornerRadii: CGSize(width: 8, height: 8))
    }
}

关于直接设置cornerRadius无效的排查 #

你说直接设layer.cornerRadius没用，大概率是漏了这个关键设置：

cvTutorialContainerView.layer.masksToBounds = true

另外要确保是在viewDidLayoutSubviews里设置，viewDidLoad时view的frame还没确定，设置了也不会生效。

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