在UITableviewcell swift中设置水平渐变

时间:2016-01-04 14:53:53

标签: ios swift uitableview gradient cagradientlayer

我想在每个单元格上从左到右创建一个水平渐变 我使用CAGradientLayey创建自定义图层并将此图层添加到tableview单元格

这是我在swift中的代码

  func gradient(frame:CGRect) -> CAGradientLayer {
    let layer = CAGradientLayer()
    layer.frame = frame
    print(frame)
    layer.startPoint = CGPointMake(0,0.5)
    layer.endPoint = CGPointMake(1,0.5)
    layer.colors = [ UIColor.redColor().CGColor,UIColor.blueColor().CGColor]
    return layer
}

override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell,
    forRowAtIndexPath indexPath: NSIndexPath) {
        cell.layer.addSublayer(gradient(cell.frame))
           cell.textLabel?.textColor = UIColor(red:0, green:0.102, blue: 0.2, alpha: 1)

}

但是渐变并不覆盖所有tableview单元格,它在渐变单元格和正常单元格背景颜色之间切换,看起来渐变覆盖了单元格文本。我不知道我做错了什么

有什么建议吗?谢谢

1 个答案:

答案 0 :(得分:5)

不使用frame,而是使用单元格的bounds,同时在索引0处使用insertSublayer,因此它将包含所有其他图层,包括您的标签

override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell,
    forRowAtIndexPath indexPath: NSIndexPath) {
        cell.layer.insertSublayer(gradient(cell.bounds), atIndex:0)
        cell.backgroundColor = UIColor.clearColor()
        cell.textLabel?.textColor = UIColor(red:0, green:0.102, blue: 0.2, alpha: 1)            
}