在动态大小的 UITableViewCell 上应用 CAGradientLayer

Question

背景：我的应用程序允许用户选择渐变边框以应用于根据其中的内容动态调整大小的 UITableViewCells。我目前正在通过将 CAGradientLayer 子层插入单元格内的 UIView 来创建此边框。

问题：因为每个单元格的大小不同，我通过在我的自定义单元格类中覆盖 layoutIfNeeded 来调整 CAGradientLayer 的大小。这可行，但似乎不是最理想的，因为边框被一遍又一遍地重绘，并且随着单元格大小的调整而闪烁。

屏幕截图链接： https://drive.google.com/file/d/1SiuNozyUM7LCdYImZoGCWeoeBKu2Ulcw/view?usp=sharing

问题：我是否需要采用不同的方法来创建此边框？或者我错过了关于 UITableViewCell 生命周期的一些东西？我在 SO 上遇到过类似的问题，但似乎没有一个可以解决这个重绘问题。感谢您的帮助。

CAGradientLayer 扩展创建边框

extension CAGradientLayer {
    
    func createBorder(view: UIView, colors: [CGColor]) {
        self.frame =  CGRect(origin: CGPoint.zero, size: view.bounds.size)
        self.colors = colors
        
        let shape = CAShapeLayer()
        shape.lineWidth = 14
        shape.path = UIBezierPath(roundedRect: view.bounds, cornerRadius: 12).cgPath
        shape.strokeColor = UIColor.black.cgColor
        shape.fillColor = UIColor.clear.cgColor
        self.mask = shape
    }
}

TableViewCell 类 - 插入 CAGradientLayer

override func awakeFromNib() {
   super.awakeFromNib()           
   reportCard.layer.insertSublayer(gradientLayer, at: 0)
   ...
}

TableViewCell 类 - 调整边框大小并应用用户选择的设计

override func layoutIfNeeded() {
        super.layoutIfNeeded()
            
        switch currentReport?.frameId {
        case "sj_0099_nc_frame_001":
            gradientLayer.createBorder(view: reportCard, colors: [App.BorderColors.lavender, App.BorderColors.white])
        case "sj_0099_nc_frame_002":
            gradientLayer.createBorder(view: reportCard, colors: [App.BorderColors.red, App.BorderColors.white])
        case "sj_0099_nc_frame_003":
            gradientLayer.createBorder(view: reportCard, colors: [App.BorderColors.yellow, App.BorderColors.white])
        default:
            gradientLayer.createBorder(view: reportCard, colors: [App.BorderColors.white, App.BorderColors.white])
        }
 }

Answer 1

原来我一直在找错地方。我原始帖子中的代码是功能性的，并且在 layoutIfNeeded() 或 setNeedsLayout() 中更新 gradientLayer 框架而不是 layoutSubviews() 可以准确地绘制 gradientLayer。根据 Apple 文档，不应直接调用 layoutSubviews()。

错误的根源不在我的自定义单元格中，而是在我的 tableViewController 中。我有一个无关的调用 reloadData()。

Answer 2

不要在 awakeFromNib() 内部使用这个

override func layoutSubviews() {

   super.layoutSubviews()
   
    reportCard.layer.insertSublayer(gradientLayer, at: 0)
    reportCard.clipsToBounds = true
}