ios - 滚动 iOS UITableView 超出 View 视觉错误

Question

菜鸟。我有一个锁定按钮，用于将值锁定到 UITableView 中的表格单元格中。单击时，基础模型会更新(isLocked bool 值)，我将图像从打开的锁切换为关闭的锁并更改背景颜色。

一切正常。除非将一长串单元格滚动出 View 并返回 View 。我的单元格显示不正确，或者有时会丢失新的 bg 颜色和图形。

我确定我需要在某个时候更新 UITableView？我只是不知道如何或何时。一直在尝试锁定功能中的 tableView.reloadData() 和 .reloadRows(at: ...，但运气不佳。

这里有一些代码... TableView 设置

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

   // do a whole lot of stuff and then set the lock button tag
   cell.lockButton.tag = indexPath.row

   // Return cell for display
   return cell
}

锁定功能

func slideLockFunc(sender: UIButton, peopleData: inout [PersonData], peopleTableView: UITableView) {

// when lock is clicked change the peopleData lock value to locked and the graphic to locked
if let cell: PersonTableCell = ((peopleTableView.cellForRow(at: IndexPath(row:sender.tag, section: 0))) as? PersonTableCell) {

    if peopleData[sender.tag].isLocked == false {
        peopleData[sender.tag].isLocked = true
        cell.lockButton.setImage(UIImage(named: "icon-locked"), for: .normal)
        cell.cellBackground.backgroundColor = UIColor(red: 0.995, green: 0.924, blue: 0.924, alpha: 1)
    }
    else {
        peopleData[sender.tag].isLocked = false
        cell.lockButton.setImage(UIImage(named: "unlock"), for: .normal)
        cell.cellBackground.backgroundColor = UIColor.white
    }

}

有什么帮助吗？谢谢

Answer 1

切勿在 cellForRowAt 之外更改单元格的属性，您只需更改数据源数组，然后重新加载 tableView 的行。此外，不要使用 tag 尝试使用 convert(_:to:) 获取 indexPath 以获取点击的位置和 indexPathForRow (at:) 使用该位置获取该单元格的 indexPath。

func slideLockFunc(sender: UIButton, peopleData: inout [PersonData], peopleTableView: UITableView) {
    let point = sender.superview?.convert(sender.center, to: peopleTableView) ?? CGPoint.zero
    if let indexPath = peopleTableView.indexPathForRow(at: point) {        
        peopleData[indexPath.row].isLocked = !peopleData[indexPath.row].isLocked 
        peopleTableView.reloadRows(at: [indexPath], with: .automatic)
    }
}

现在，在界面生成器或单元格的 awakeFromNib 中使用 lockButton 将这两个图像设置为 default/normal 并选择 按钮的状态，因此您无需每次都更改它，只需选择和取消选择按钮即可。

class PersonTableCell: UITableViewCell {

     @IBOutlet var lockButton: UIButton!

     override func awakeFromNib() {
         lockButton.setImage(UIImage(named: "unlock"), for: .normal)
         lockButton.setImage(UIImage(named: "icon-locked"), for: .selected)
     }
}

现在在 cellForRowAt 方法中，您只需检查自定义对象的 isLocked 属性。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "yourIdentifier") as! PersonTableCell

    //Now use isLocked property to change the lockButton state
    cell.lockButton.isSelected = peopleData[indexPath.row].isLocked
    cell.cellBackground.backgroundColor = peopleData[indexPath.row].isLocked ? UIColor(red: 0.995, green: 0.924, blue: 0.924, alpha: 1) : UIColor.white
    //your other code
    return cell
}