UITableview重新绘制cell 圆角
func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
// 圆?弧度半径
let cornerRadius: CGFloat = 10
// 设置cell的背景?为透明,如果不设置这个的话,则原来的背景?不会被覆盖
cell.backgroundColor = .clear
// 创建?个shapeLayer
let layer = CAShapeLayer()
let backgroundLayer = CAShapeLayer() //显?选中
// 创建?个可变的图像Path句柄,该路径?于保存绘图信息
let pathRef = CGMutablePath()
// 获取cell的size
// 第?个参数,是整个 cell 的 bounds, 第?个参数是距左右两端的距离,第三个参数是距上下两端的距离
let bounds = cell.bounds.insetBy(dx: 10, dy: 0)
// 判断分组列表中的第??,每组section的第??,每组section的中间?
// CGPathAddRoundedRect(pathRef, nil, bounds, cornerRadius, cornerRadius)
if indexPath.row == 0 {
// 初始起点为cell的左下?坐标
pathRef.move(to: CGPoint(x: bounds.minX, y: bounds.maxY))
// 起始坐标为左下?,设为p,
//(CGRectGetMinX(bounds), CGRectGetMinY(bounds))为左上?的点,设为p1(x1,y1),
// (CGRectGetMidX(bounds), CGRectGetMinY(bounds))为顶部中点的点,设为p2(x2,y2)。
//然后连接p1和p2为?条直线l1,连接初始点p到p1成?条直线l,则在两条直线相交处绘制弧度为r的圆?。
pathRef.addArc(tangent1End: CGPoint(x: bounds.minX, y: bounds.minY), tangent2End: CGPoint(x: bounds.midX, y: bounds.minY), radius: cornerRadius)
pathRef.addArc(tangent1End: CGPoint(x: bounds.maxX, y: bounds.minY), tangent2End: CGPoint(x: bounds.maxX, y: bounds.midY), radius: cornerRadius)
// 终点坐标为右下?坐标点,把绘图信息都放到路径中去,根据这些路径就构成了?块区域了
pathRef.addLine(to: CGPoint(x: bounds.maxX, y: bounds.maxY))
} else if indexPath.row == tableView.numberOfRows(inSection: indexPath.section)-1 {
pathRef.move(to: CGPoint(x: bounds.minX, y: bounds.minY))
pathRef.addArc(tangent1End: CGPoint(x: bounds.minX, y: bounds.maxY), tangent2End: CGPoint(x: bounds.midX, y: bounds.maxY), radius: cornerRadius)
pathRef.addArc(tangent1End: CGPoint(x: bounds.maxX, y: bounds.maxY), tangent2End: CGPoint(x: bounds.maxX, y: bounds.midY), radius: cornerRadius)
pathRef.addLine(to: CGPoint(x: bounds.maxX, y: bounds.minY))
} else {
// 添加cell的rectangle信息到path中(不包括圆?)
// 假如?填充?,?这个 CGPathAddRect(pathRef, nil, bounds)
// 假如只要边框
pathRef.move(to: CGPoint(x: bounds.minX, y: bounds.maxY))
pathRef.addLine(to: CGPoint(x: bounds.midX, y: bounds.minY))
pathRef.move(to: CGPoint(x: bounds.maxX, y: bounds.minY))
pathRef.addLine(to: CGPoint(x: bounds.maxX, y: bounds.maxY))
}
// 把已经绘制好的可变图像路径赋值给图层,然后图层根据这图像path进?图像渲染render layer.path = pathRef
backgroundLayer.path = pathRef
// 按照shape layer的path填充颜?,类似于渲染render
// layer.fillColor = [UIColor colorWithWhite:1.f alpha:0.8f].CGColor
layer.strokeColor = UIColor.black.cgColor
layer.fillColor = UIColor.clear.cgColor
// view??与cell?致
let roundView = UIView(frame: self.view.bounds)
// 添加?定义圆?后的图层到roundView中
roundView.layer.insertSublayer(layer, at: 0)
roundView.backgroundColor = .clear
// cell的背景view
cell.backgroundView = roundView
// 以上?法存在缺陷当点击cell时还是出现cell?形效果,因此还需要添加以下?法
// 如果你 cell 已经取消选中状态的话,那以下?法是不需要的.
let selectedBackgroundView = UIView(frame: self.view.bounds)
backgroundLayer.fillColor = UIColor.cyan.cgColor
selectedBackgroundView.layer.insertSublayer(backgroundLayer, at: 0)
selectedBackgroundView.backgroundColor = .clear
cell.selectedBackgroundView = selectedBackgroundView
// 在使?上?代码前需要把tableView默认的分割线设置为None
}