ios - Swift - 使用 tableView.dequeueReusableCell 时数据无法正确显示

Question

当在应用中按下某些按钮时，它们的名称、按下的开始和结束时间会显示在 UITableView 中。

在使用自定义 UITableViewCell 时效果很好，但在设置 tableView.dequeueReusableCell 之后，UITableView 将第一个单元格显示为白色空单元格用于显示数据。如果添加更多数据，现在会显示第一个不可见的输入，但最后一个输入丢失/隐藏。

我发现了类似的问题并实现了似乎是罪魁祸首的方法，但它对我不起作用。

    timelineTableView.contentInsetAdjustmentBehavior = .never
    timelineScrollViewContainer.contentInsetAdjustmentBehavior = .never
    timelineTableView.contentOffset = .zero

我也尝试过更改部分高度，但也无济于事。

值得一提的是，数据在 UITableView 中没有正确显示，但仍然在 plist 中正确保存。

正如其他问题中提到的，UITableView 在 ViewDidLoad 期间加载，因为这似乎是某些错误的问题。

有其他解决方案吗？感谢您的帮助

cellForRowAt方法

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

    if tableView ==  timelineTableView {

       //let cell = TimelineCell(frame: CGRect(x: 0, y: 0, width: 100, height: 40), title: "test", startTime: "test", endTime: "test", rawStart: "") // Used previously before using dequeueReusableCell

        var cell: TimelineCell = tableView.dequeueReusableCell(withIdentifier: timelineCellId, for: indexPath) as! TimelineCell

        if let marker = markUpPlist.arrayObjects.filter({$0.UUIDpic == endClipSelectedMarkerUUID}).first {
            cell = TimelineCell(frame: CGRect(x: 0, y: 0, width: 100, height: 40), title: "test", startTime: "test", endTime: "test", rawStart: "")
            cell.backgroundColor = marker.colour
            cell.cellLabelTitle.text = marker.name
            cell.cellUUID.text = marker.UUIDpic

            if let timeline = chronData.rows.filter({$0.rowName == marker.name}).first {
                if let start = timeline.clips.last?.str {
                    cell.cellStartTime.text = chronTimeEdited(time: Double(start))
                    cell.cellStartRaw.text = String(start)
                }
                if let end = timeline.clips.last?.end {
                    cell.cellEndTime.text = chronTimeEdited(time: Double(end))
                }
            }
        }
        return cell
}

TimelineCell.swift

class TimelineCell : UITableViewCell {

var cellLabelTitle: UILabel!
var cellStartTime: UILabel!
var cellEndTime: UILabel!
var cellStartRaw: UILabel!
var cellUUID: UILabel!

init(frame: CGRect, title: String , startTime: String, endTime: String, rawStart: String) {
    super.init(style: UITableViewCell.CellStyle.default, reuseIdentifier: "timelineCellId")

    backgroundColor = UIColor(red: 29/255.0, green: 30/255.0, blue: 33/255.0, alpha: 1.0)

    cellLabelTitle = UILabel(frame: CGRect(x: 0, y: 0, width: 0, height: 0))
    cellLabelTitle.translatesAutoresizingMaskIntoConstraints = false
    cellLabelTitle.textColor = UIColor.black

    addSubview(cellLabelTitle)

    cellLabelTitle.widthAnchor.constraint(equalToConstant: 80).isActive = true
    cellLabelTitle.heightAnchor.constraint(equalToConstant: 30).isActive = true
    cellLabelTitle.centerYAnchor.constraint(equalTo: self.centerYAnchor, constant: 0).isActive = true
    cellLabelTitle.leftAnchor.constraint(equalTo: self.leftAnchor, constant: 10).isActive = true

    cellStartTime = UILabel(frame: CGRect(x: 0, y: 0, width: 0, height: 0))
    cellStartTime.translatesAutoresizingMaskIntoConstraints = false
    cellStartTime.textColor = UIColor.black

    addSubview(cellStartTime)

    cellStartTime.widthAnchor.constraint(equalToConstant: 80).isActive = true
    cellStartTime.heightAnchor.constraint(equalToConstant: 30).isActive = true
    cellStartTime.centerYAnchor.constraint(equalTo: centerYAnchor, constant: 0).isActive = true
    cellStartTime.leftAnchor.constraint(equalTo: cellLabelTitle.rightAnchor, constant: 10).isActive = true

    cellEndTime = UILabel(frame: CGRect(x: 0, y: 0, width: 0, height: 0))
    cellEndTime.translatesAutoresizingMaskIntoConstraints = false
    cellEndTime.textColor = UIColor.black

    addSubview(cellEndTime)

    cellEndTime.widthAnchor.constraint(equalToConstant: 80).isActive = true
    cellEndTime.heightAnchor.constraint(equalToConstant: 30).isActive = true
    cellEndTime.centerYAnchor.constraint(equalTo: centerYAnchor, constant: 0).isActive = true
    cellEndTime.leftAnchor.constraint(equalTo: cellStartTime.rightAnchor, constant: 10).isActive = true

    cellStartRaw = UILabel(frame: CGRect(x: 0, y: 0, width: 0, height: 0))
    cellUUID = UILabel(frame: CGRect(x: 0, y: 0, width: 0, height: 0))
    addSubview(cellStartRaw)
    addSubview(cellUUID)

}

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

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)
}
}

创建表格 View

    timelineTableView.frame = CGRect(x: 0, y: 0, width: sideView.frame.width, height: sideView.frame.size.height)
    timelineTableView.delegate = self
    timelineTableView.dataSource = self
    timelineTableView.register(TimelineCell.self, forCellReuseIdentifier: timelineCellId)
    timelineTableView.translatesAutoresizingMaskIntoConstraints = false
    timelineTableView.separatorStyle = .none
    timelineTableView.backgroundColor = Style.BackgroundColor
    timelineTableView.contentInsetAdjustmentBehavior = .never
    timelineScrollViewContainer.contentInsetAdjustmentBehavior = .never
    timelineScrollViewContainer.addSubview(timelineTableView)
    timelineTableView.contentOffset = .zero

所以概括一下，使用下面的行可以正确显示数据，但单元格没有正确重用。

 let cell = TimelineCell(frame: CGRect(x: 0, y: 0, width: 100, height: 40), title: "test", startTime: "test", endTime: "test", rawStart: "")

使用下面的代码首先显示一个空白单元格，数据未正确显示，但单元格可以正确重用。

var cell: TimelineCell = tableView.dequeueReusableCell(withIdentifier: timelineCellId, for: indexPath) as! TimelineCell

Answer 1

将 cellForRowAt 更改为如下所示。我猜测您的 chronData 结构如何与源表相关，因此它主要使用您的原始逻辑。您需要清空应该为空的字段，否则它们将在您滚动时保留状态。

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

    var cell: TimelineCell = tableView.dequeueReusableCell(withIdentifier: timelineCellId, for: indexPath) as! TimelineCell

    let marker = markUpPListFiltered
    cell.backgroundColor = marker.colour
    cell.cellLabelTitle.text = marker.name
    cell.cellUUID.text = marker.UUIDpic
    if let timeline = chronData.rows.filter({$0.rowName == marker.name}).first {
       if let start = timeline.clips.last?.str {
           cell.cellStartTime.text = chronTimeEdited(time: Double(start))
           cell.cellStartRaw.text = String(start)
       }
       else
       {
           cell.cellStartTime.text = ""
           cell.cellStartRaw.text = ""
       }
       if let end = timeline.clips.last?.end {
           cell.cellEndTime.text = chronTimeEdited(time: Double(end))
       }          
       else
       {
           cell.cellEndTime.text = ""
       }
    }
    return cell
}

它假设有一个用于存储已过滤排序数据的数组，名为 markupPListFiltered。在 viewDidLoad 或其他地方准备这个。您尚未展示其他数据源方法，因此我假设您可以根据需要更改这些方法，例如

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
  return markupPListFiltered.count
}

TimelineCell 需要 c'tor 来删除数据。您应该考虑使用 Storyboard来设计您的单元格并将小部件与 socket 链接起来(请参阅有关表格 View 的数百个教程中的任何一个，我建议 Ray Wenderlich 作为一个很好的入门资源)。