的UITableViewCell的drawRect底邊框上消失的insertRow

Question

我有一個自定義的UITableViewCell，我使用的drawRect畫一個簡單的底邊框：

override func drawRect(rect: CGRect) { 
    let context = UIGraphicsGetCurrentContext() 
    CGContextMoveToPoint(context, CGRectGetMinX(rect), CGRectGetMaxY(rect)) 
    CGContextAddLineToPoint(context, CGRectGetMaxX(rect), CGRectGetMaxY(rect)) 
    CGContextSetStrokeColorWithColor(context, UIColor(netHex: 0xEFEEF4).CGColor) 
    CGContextSetLineWidth(context, 2) 
    CGContextStrokePath(context) 
} 

這完美的作品。然而，當我插入帶有動畫中的所有單元格的邊框消失一行，並再次出現時插入動畫完成：

tableView.insertRowsAtIndexPaths([NSIndexPath(forRow: cells.count - 1, inSection: 0)], withRowAnimation: UITableViewRowAnimation.Fade) 

任何想法如何避免這種情況？

Answer 1

那麼，如果你只想使用CALayers假設你的TableView是覆蓋設備的整個寬度你可以嘗試的TableCell的awakeFromNib此代碼。

override func awakeFromNib() { 
    super.awakeFromNib() 
    let borderLayer = CALayer() 
    let lineHeight:CGFloat = 2 
    borderLayer.frame = CGRect(x: 0, y: self.frame.height - lineHeight , width: UIScreen.mainScreen().bounds.width, height: lineHeight) 
    borderLayer.backgroundColor = UIColor.redColor().CGColor 
    self.layer.addSublayer(borderLayer) 
} 

，你會得到的輸出爲：

也會使你的tableview分離器顏色以清除

self.tableView.separatorColor = UIColor.clearColor() 

所以它不會得到你的層重疊。
我可以觀察到，現在每當插入新行時，單元格的邊界就不會消失。

或者
我們可以只使用一個UIImageView在小區故事板，並提供一個顏色有以下限制。
添加的UIImageView

添加約束到的UIImageView

就搞定！

還有一個備用溶液來實現這一點使用貝塞爾路徑

override func awakeFromNib() { 
    super.awakeFromNib() 
    let line = CAShapeLayer() 
    let linePath = UIBezierPath() 
    linePath.moveToPoint(CGPointMake(0, self.frame.height)) 
    linePath.addLineToPoint(CGPointMake(UIScreen.mainScreen().bounds.width, self.frame.height)) 
    line.lineWidth = 3.0 
    line.path = linePath.CGPath 
    line.strokeColor = UIColor.redColor().CGColor 
    self.layer.addSublayer(line) 
} 

這也產生相同的輸出。

編輯：

如果我們不使用的電池故事板或筆尖和編程創建單元格，然後我們可以做一個變通方法是這樣的：

在CustomTableViewCell類創建一個屬性

var borderLayer:CALayer! 

在CustomTableViewCell類現在有一個叫方法layoutSubviews

override func layoutSubviews() { 
    if(borderLayer != nil) { 
     borderLayer.removeFromSuperlayer() 
    } 
    borderLayer = CALayer() 
    let lineHeight:CGFloat = 2 
    borderLayer.frame = CGRect(x: 0, y: self.frame.height - lineHeight , width: UIScreen.mainScreen().bounds.width, height: lineHeight) 
    borderLayer.backgroundColor = UIColor.redColor().CGColor 
    self.layer.addSublayer(borderLayer) 
} 

試試看。

Answer 2

這不是直接的答案，只是我的建議如何在沒有繪圖的情況下達到相同的視覺效果。

參見示例代碼和結果圖像中IB配置

@IBOutlet weak var button: UIButton! 
override func viewDidLoad() { 
    super.viewDidLoad() 

    let layer = CALayer() 
    let lineHeight:CGFloat = 2 
    layer.frame = CGRect(x: 0, y: button.bounds.height - lineHeight , width: button.bounds.width, height: lineHeight) 
    layer.backgroundColor = UIColor(colorLiteralRed: 0xEF/255.0, green: 0xEE/255.0, blue: 0xF4/255.0, alpha: 1).CGColor 
    button.layer.addSublayer(layer) 
} 

按鈕和背景圖的顏色。