Swift - 设置tableView每一个分区cell圆角

时间 2019-11-13

标签 swift 设置 tableview 每一个分区 cell 圆角栏目 Swift 繁體版

原文原文链接

1.// 从新绘制cell边框spa

func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {对象

let cornerRadius: CGFloat = 10 it

cell.backgroundColor = UIColor.clearColor()io

let layer = CAShapeLayer()table

let pathRef = CGPathCreateMutable() class

let bounds = CGRectInset(cell.bounds, 10, 0)test

var addLine = false渲染

if indexPath.row == 0 && indexPath.row == tableView.numberOfRowsInSection(indexPath.section)-1 {select

CGPathAddRoundedRect(pathRef, nil, bounds, cornerRadius, cornerRadius)方法

} else if indexPath.row == 0 {

CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds))

CGPathAddArcToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds), CGRectGetMidX(bounds), CGRectGetMinY(bounds), cornerRadius)

CGPathAddArcToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds), CGRectGetMaxX(bounds), CGRectGetMidY(bounds), cornerRadius)

CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds))

addLine = true

} else if indexPath.row == tableView.numberOfRowsInSection(indexPath.section)-1 {

CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds))

CGPathAddArcToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds), CGRectGetMidX(bounds), CGRectGetMaxY(bounds), cornerRadius)

CGPathAddArcToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds), CGRectGetMaxX(bounds), CGRectGetMidY(bounds), cornerRadius)

CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds))

} else {

CGPathAddRect(pathRef, nil, bounds)

addLine = true

}

layer.path = pathRef

//颜色修改

layer.fillColor = UIColor.init(white: 1, alpha: 0.5).CGColor

layer.strokeColor = UIColor.lightGrayColor().CGColor

if addLine == true {

let lineLayer = CALayer()

let lineHeight = (1 / UIScreen.mainScreen().scale)

lineLayer.frame = CGRectMake(CGRectGetMinX(bounds)+10, bounds.size.height-lineHeight, bounds.size.width-10, lineHeight)

lineLayer.backgroundColor = tableView.separatorColor?.CGColor

layer.addSublayer(lineLayer)

}

let testView = UIView(frame: bounds)

testView.layer.insertSublayer(layer, atIndex: 0)

testView.backgroundColor = UIColor.clearColor()

cell.backgroundView = testView

}

2.// 设置tableView每一个分区cell圆角

func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {

// 圆角弧度半径

let cornerRadius: CGFloat = 6

// 设置cell的背景色为透明，若是不设置这个的话，则原来的背景色不会被覆盖

cell.backgroundColor = UIColor.clearColor()

// 建立一个shapeLayer

let layer = CAShapeLayer()

let backgroundLayer = CAShapeLayer() //显示选中

// 建立一个可变的图像Path句柄，该路径用于保存绘图信息

let pathRef = CGPathCreateMutable()

// 获取cell的size

// 第一个参数,是整个 cell 的 bounds, 第二个参数是距左右两端的距离,第三个参数是距上下两端的距离

let bounds = CGRectInset(cell.bounds, 10, 0)

// CGRectGetMinY：返回对象顶点坐标

// CGRectGetMaxY：返回对象底点坐标

// CGRectGetMinX：返回对象左边缘坐标

// CGRectGetMaxX：返回对象右边缘坐标

// CGRectGetMidX: 返回对象中心点的X坐标

// CGRectGetMidY: 返回对象中心点的Y坐标

// 这里要判断分组列表中的第一行，每组section的第一行，每组section的中间行

// CGPathAddRoundedRect(pathRef, nil, bounds, cornerRadius, cornerRadius)

if indexPath.row == 0 {

// 初始起点为cell的左下角坐标

CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds))

// 起始坐标为左下角，设为p，（CGRectGetMinX(bounds), CGRectGetMinY(bounds)）为左上角的点，设为p1(x1,y1)，(CGRectGetMidX(bounds), CGRectGetMinY(bounds))为顶部中点的点，设为p2(x2,y2)。而后链接p1和p2为一条直线l1，链接初始点p到p1成一条直线l，则在两条直线相交处绘制弧度为r的圆角。

CGPathAddArcToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds), CGRectGetMidX(bounds), CGRectGetMinY(bounds), cornerRadius)

CGPathAddArcToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds), CGRectGetMaxX(bounds), CGRectGetMidY(bounds), cornerRadius)

// 终点坐标为右下角坐标点，把绘图信息都放到路径中去,根据这些路径就构成了一块区域了

CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds))

} else if indexPath.row == tableView.numberOfRowsInSection(indexPath.section)-1 {

// 初始起点为cell的左上角坐标

CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds))

CGPathAddArcToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds), CGRectGetMidX(bounds), CGRectGetMaxY(bounds), cornerRadius)

CGPathAddArcToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds), CGRectGetMaxX(bounds), CGRectGetMidY(bounds), cornerRadius)

// 添加一条直线，终点坐标为右下角坐标点并放到路径中去

CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds))

} else {

// 添加cell的rectangle信息到path中（不包括圆角）

//假如用填充色，用这个

// CGPathAddRect(pathRef, nil, bounds)

//假如只要边框

CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds))

CGPathAddLineToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds))

CGPathMoveToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds))

CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds))

}

// 把已经绘制好的可变图像路径赋值给图层，而后图层根据这图像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.blackColor().CGColor

layer.fillColor = UIColor.clearColor().CGColor

// view大小与cell一致

let roundView = UIView(frame: self.view.bounds)

// 添加自定义圆角后的图层到roundView中

roundView.layer.insertSublayer(layer, atIndex: 0)

roundView.backgroundColor = UIColor.clearColor()

// cell的背景view

cell.backgroundView = roundView

// 以上方法存在缺陷当点击cell时仍是出现cell方形效果，所以还须要添加如下方法

// 若是你 cell 已经取消选中状态的话,那如下方法是不须要的.

let selectedBackgroundView = UIView(frame: self.view.bounds)

backgroundLayer.fillColor = UIColor.cyanColor().CGColor

selectedBackgroundView.layer.insertSublayer(backgroundLayer, atIndex: 0)

selectedBackgroundView.backgroundColor = UIColor.clearColor()

cell.selectedBackgroundView = selectedBackgroundView

// 在使用上面代码前须要把tableView默认的分割线设置为None

}