您的位置:首页 > 移动开发 > Swift

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

2016-12-14 15:09 519 查看
1.// 重新绘制cell边框

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

let cornerRadius: CGFloat = 10

cell.backgroundColor = UIColor.clearColor()

let layer = CAShapeLayer()

let pathRef = CGPathCreateMutable()

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

var addLine = false

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

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: