Swift4.1 一个轻量级给UIView设置圆角的分类

效果图:
demo.gif

实现原理:

UIView的最上层绘制一张相应的遮罩图片,图片的背景只要保证和view的父视图背景色一样,就能达到圆角的效果
换句话说,类似让设计师设计一张中间镂空的圆形图片,遮盖住原来图片上方

实现功能

  • 带有border的圆角
  • 可设置圆角位置[.topLeft,.topRight]
  • 可给矩形设置圆角
  • 可动态修改圆角颜色

亮点

  • API非常简洁
  • 基本不掉帧,6s真机测试非常流畅
  • 使用NSCache,对生成的图片进行了缓存,避免重复生成

API

///  设置一个带边框的圆角
///
/// - Parameters:
///   - radius: 圆角半径
///   - cornerColor: 圆角背景色
///   - corners: 圆角位置
///   - borderColor: 边框颜色
///   - borderWidth: 边框线宽
func 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的选中状态,需要自己处理setSelectedsetHighlighted方法,可以参考demo建议使用cell.selectionStyle = .none

github下载地址

声明:本文参考了wazrx
iOS一个简单的设置圆角不引起性能问题的分类在Objective-C版本上实现了Swift版本

你可能感兴趣的:(Swift4.1 一个轻量级给UIView设置圆角的分类)