Swift 实现部分圆角

圆角一直是开发中经常遇到的问题。

为了实现部分圆角的效果，我去查了一下用 OC 如何实现。



可惜直接语法转换以后是不能用的，因为

mas_maskContraints

(是 Masonry 这个库的语法，感谢isaced)方法在 Swift 中我并没有找到。在 Stack Overflow 中的搜索结果更加感人：



我最终放弃了，选择了另一种实现：



把他用 Swift 的方式实现：

extension UIView {

/// 部分圆角
///
/// - Parameters:
///   - corners: 需要实现为圆角的角，可传入多个
///   - radii: 圆角半径
func corner(byRoundingCorners corners: UIRectCorner, radii: CGFloat) {
let maskPath = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radii, height: radii))
let maskLayer = CAShapeLayer()
maskLayer.frame = self.bounds
maskLayer.path = maskPath.cgPath
self.layer.mask = maskLayer
}
}

调用的时候需要注意一点：

// 调用没有任何问题，将左上角与右上角设为圆角。
button.corner(byRoundingCorners: [UIRectCorner.topLeft, UIRectCorner.topRight], radii: 5)

// 编译错误
let corners = [UIRectCorner.topLeft, UIRectCorner.topRight]
button.corner(byRoundingCorners: corners, radii: 5)

需要转换一下类型：

let corners: UIRectCorner = [UIRectCorner.bottomLeft, UIRectCorner.bottomRight]

// 类型可省略
let corners: UIRectCorner = [.bottomLeft,.bottomRight]

在

UIBerizePath

类中，我们看到的

byRoundingCorners

参数接收的是一个

UIRectCorner

，并非数组类型，所以需要做一步类型转换，同时设置多个圆角。



在性能方面，我简单做了个1000行圆角Button和Label的表格，滚动起来十分流畅。用instrument种的CoreAnimation测试，可能会产生离屏渲染。根据WWDC 2014: Advanced Graphics and Animations for iOS Apps，系统圆角使用 mask 的方式实现的，现在无论硬件性能还是优化肯定要比当年做的好。