效果图:
实现原理:
在UIView的最上层绘制一张相应的遮罩图片，图片的背景只要保证和view的父视图背景色一样，就能达到圆角的效果
换句话说,类似让设计师设计一张中间镂空的圆形图片,遮盖住原来图片上方
实现功能
- 带有border的圆角
- 可设置圆角位置
[.topLeft,.topRight] - 可给矩形设置圆角
- 可动态修改圆角颜色
亮点
- API非常简洁
- 基本不掉帧,6s真机测试非常流畅
- 使用NSCache,对生成的图片进行了缓存,避免重复生成
API
/// 设置一个带边框的圆角
///
/// - Parameters:
/// - radius: 圆角半径
/// - cornerColor: 圆角背景色
/// - corners: 圆角位置
/// - borderColor: 边框颜色
/// - borderWidth: 边框线宽
func dx_roundCorner(radii: CGSize,cornerColor: UIColor, corners: UIRectCorner, borderColor: UIColor, borderWidth: CGFloat) {
self.layer.dx_roundCorner(cornerRadii: radii, cornerColor: cornerColor, corners: corners, borderColor: borderColor, borderWidth: borderWidth)
}
使用示例
// 注意:非正方形,四角圆形需要用[.topLeft,.topRight, .bottomRight, .bottomLeft]
// 而不是用UIRectCorner.allCorners
label.dx_roundCorner(radius: 20/2, cornerColor: UIColor.white,corners: [.topLeft,.topRight, .bottomRight, .bottomLeft])
// 给UIView
headView.dx_roundCorner(radii: CGSize.init(width: 35, height: 35), cornerColor: UIColor.white, corners: .allCorners, borderColor: UIColor.red, borderWidth: 2)
使用注意:
- 1.非正方形,四角圆形需要用[.topLeft,.topRight, .bottomRight, .bottomLeft]
- 2.如果使用了
nib文件,圆角无效,需要设置layer.masksToBounds = true - 3.如果需要显示
tableView的选中状态,需要自己处理setSelected和setHighlighted方法,可以参考demo建议使用cell.selectionStyle = .none
声明:本文参考了wazrx
iOS一个简单的设置圆角不引起性能问题的分类在Objective-C版本上实现了Swift版本
