Tableviewcell 内容在滚动时四处移动

Posted 2023-03-04

【中文标题】Tableviewcell 内容在滚动时四处移动

【英文标题】：Tableviewcell Content is moving around at scrolling

【发布时间】：2017-10-06 21:09:48

【问题描述】：

我遇到了一个问题，我找不到任何解决方案..

基本上我有一个 UITableview 和单元格的内容只是一个 UITextField。我通过单击按钮向此表视图添加另一行。在这里，我将 1 添加到一个计数器，它在我的 tableView 中显示“numberOfRowsInSection”。所以基本上计数器在 3 开头，所以开头有 3 个文本字段。现在我可以通过增加计数器来动态添加另一行。按下按钮后，tableview 会重新加载其数据。

所以这里有一个代码 sn-p..

@IBAction func addPlayer(_ sender: UIButton) 
    counterPlayer += 1
    tableView.reloadData()
    tableViewScrollToBottom(animated: true)




func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
    return counterPlayer



func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
            let cell = tableView.dequeueReusableCell(withIdentifier: "PlayerTableViewCell", for: indexPath) as! PlayerTableViewCell
    cell.tag = indexPath.row + 1

    cell.playerTextField.placeholder = "Spieler " + String(indexPath.row + 1)

    return cell

它工作得很好，但是如果我在第一个文本字段中写一些东西，添加更多行然后开始滚动，随机文本字段的内容与第一个文本字段相同。第一个文本字段的内容也随机移动到其他文本字段。这是一个gif，所以你可以更好地想象。

我认为问题是“dequeueReusableCell”，所以当我滚动时，第一个文本字段会消失，所以它们会被重用并且仍然有旧的内容。

不幸的是，当我再次向上滚动时，我不知道保存旧值并显示它们的好方法...... 当我不使用 reusableCell 而只是创建新的独特单元格时，我可以解决这个问题，但我认为这不是一个好的解决方案.. 你有什么建议，我该如何解决我的问题？ 我想我需要以某种方式缓存已经填充的内容，然后在向上滚动时再次显示它......但是如何？

要了解我想在这里做什么： 基本上，用户可以输入“玩家名称”，然后点击一个按钮来执行一个segue，从而开始游戏。因此，当他点击按钮时，所有 tableviewcells 的文本都应该使用数组传递。 他没有任何玩家人数限制。

期待您的回答。非常感谢！

【问题讨论】：

“测试”这个词是怎么来的？它不在您显示的代码中。

糟糕，我没有提到这一点。我在正在运行的应用程序的文本字段中编写了测试。然后，当我滚动时，它会复制并移动等等......我认为这是因为 dequeuereuseablecells......

是的，需要在cellForRowAt中明确清除cell.playerTextField的text属性

UITableViews 在单元格出现/消失时使它们入队和出队。这意味着刚刚消失的单元格将被添加为下一个单元格。如果要基于单元格显示动态文本，则需要将其保存在单元格外部，然后根据索引将其设置为cellForRow。

UITableView with UITextField - keep the data even after user scrolls的可能重复

【参考方案1】：

您可以通过覆盖 UITableViewCell 的 prepareForReuse 方法并清除旧数据来解决此问题。

override func prepareForReuse() 
    super.prepareForReuse()

    // Clear old data to prepare the cell for being reused.

更新：要解决未保存值的问题，我建议您创建一个数组来保存每个indexPath.row 的未保存数据。

因此，在cellForRow 方法中，您将使用indexPath.row 中的数组数据设置文本字段的当前文本。当您完成对文本字段的编辑后，将输入的数据保存在该数组中合适的indexPath。

【讨论】：

首先，谢谢！但是当我清除数据并再次向上滚动时，我怎么知道哪个文本字段有我清除的内容？因为它需要再次设置为该数据，所以当我向上滚动时..

我会明白的，好主意！非常感谢，我试着意识到:)