Swift 中 UIView 的圆顶角

Question

我正在尝试使用以下代码将顶角圆化

func roundCorners(corners:UIRectCorner, radius: CGFloat) {
        let path = UIBezierPath(roundedRect: self.bounds,
                                byRoundingCorners: corners,
                                cornerRadii: CGSize(width: radius, height: radius))
        let maskLayer = CAShapeLayer()
        maskLayer.frame = self.bounds
        maskLayer.path = path.cgPath
        self.layer.mask = maskLayer
    }

使用myView.roundCorners(corners:[.topLeft, .topRight], radius: radius)

但它绕过视图的一侧：

这是在 tableView sectionHeader 中，如果我向下滚动然后向上滚动，则使用相同的代码将其四舍五入：

并且顶部折扣视图角也使用相同的函数进行圆化。

感谢您的帮助。

更新如果我固定视图的宽度那么它工作正常。

Answer 1

在@Paolo 的帮助下解决了这个问题，下面是工作代码。

Swift 3.2

extension UIView {

    func roundCorners(corners:UIRectCorner, radius: CGFloat) {

        DispatchQueue.main.async {
            let path = UIBezierPath(roundedRect: self.bounds,
                                    byRoundingCorners: corners,
                                    cornerRadii: CGSize(width: radius, height: radius))
            let maskLayer = CAShapeLayer()
            maskLayer.frame = self.bounds
            maskLayer.path = path.cgPath
            self.layer.mask = maskLayer
        }
    }
}

要调用此函数，请使用下面的行并提及要圆化的角

self.myView.roundCorners(corners: [.topLeft, .topRight, .bottomLeft, .bottomRight], radius: 8.0)

Answer 2

iOS 11 引入了 maskedCorners，它可以产生更平滑、质量更好的结果。您仍然可以在函数调用中使用 UIRectCorner 并将其转换为 CACornerMask：

Swift 5:

extension UIView {

    func roundCorners(_ corners: UIRectCorner, radius: CGFloat) {
        if #available(iOS 11.0, *) {
            clipsToBounds = true
            layer.cornerRadius = radius
            layer.maskedCorners = CACornerMask(rawValue: corners.rawValue)
        } else {
            let path = UIBezierPath(
                roundedRect: bounds, 
                byRoundingCorners: corners, 
                cornerRadii: CGSize(width: radius, height: radius)
            )
            let mask = CAShapeLayer()
            mask.path = path.cgPath
            layer.mask = mask
        }
    }
}

Swift 中 UIView 的圆顶角

Round Top Corners of a UIView in Swift

uitabbarcontroller

uitableview

cashapelayer

uibezierpath

swift