单元格在滚动时应用额外的阴影

Question

我正在尝试向自定义 UITableViewCell 添加阴影，一切正常，但是当我滚动 tableview 时，单元格的阴影将不断应用并使阴影变粗。这是我的代码：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! DriverCell


        //Create space between cells
        cell.contentView.backgroundColor = UIColor(red:0.88, green:0.94, blue:0.99, alpha:1.00)
        let whiteRoundedView : UIView = UIView(frame: CGRect(x:8, y:10, width: self.view.frame.size.width - 15 , height:150))
        whiteRoundedView.layer.backgroundColor = CGColor(colorSpace: CGColorSpaceCreateDeviceRGB(), components: [1.0, 1.0, 1.0, 1.0])
        whiteRoundedView.layer.masksToBounds = false
        whiteRoundedView.layer.cornerRadius = 9.0
        whiteRoundedView.layer.shadowOffset = CGSize(width: 0, height: 0)
        whiteRoundedView.layer.shadowRadius = 1.5
        whiteRoundedView.layer.shadowOpacity = 0.2
        whiteRoundedView.clipsToBounds = false
        cell.contentView.addSubview(whiteRoundedView)
        cell.contentView.sendSubview(toBack: whiteRoundedView)


        return cell
    }

默认阴影
应用了额外的阴影

Answer 1

UITableViewCell 是一个可重复使用的视图。这意味着因为您的 cellForRow 在您滚动时被调用，阴影将在某个点再次应用到视图。

例如：视图 A、B、C 在屏幕上，当您向下滚动并隐藏视图 A 时，将重新使用视图 A 并为视图 A 再次创建阴影。

对于你的情况，我会建议你在 DriverCell 中像这样在 init 中添加阴影：

class DriverCell: UITableViewCell {

override init(frame: CGRect) {
    super.init(frame: frame)

    contentView.backgroundColor = UIColor(red:0.88, green:0.94, blue:0.99, alpha:1.00)
    let whiteRoundedView : UIView = UIView(frame: CGRect(x:8, y:10, width: frame.size.width - 15 , height:150))
    whiteRoundedView.layer.backgroundColor = CGColor(colorSpace: CGColorSpaceCreateDeviceRGB(), components: [1.0, 1.0, 1.0, 1.0])
    whiteRoundedView.layer.masksToBounds = false
    whiteRoundedView.layer.cornerRadius = 9.0
    whiteRoundedView.layer.shadowOffset = CGSize(width: 0, height: 0)
    whiteRoundedView.layer.shadowRadius = 1.5
    whiteRoundedView.layer.shadowOpacity = 0.2
    whiteRoundedView.clipsToBounds = false
    contentView.addSubview(whiteRoundedView)
    contentView.sendSubview(toBack: whiteRoundedView)
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

}

这样阴影将在视图初始化时绘制，之后再也不会绘制

单元格在滚动时应用额外的阴影

Cell applies extra shadows while scrolling

ios

swift

uitableview

tableviewcell