Question

NOOB。我有一个锁定按钮，可以将值锁定到UITableView中的表格单元格中。点击后，底层模型被更新（isLocked boolean），我将图像从打开的锁切换到一个闭合的锁，并改变背景颜色。

一切正常。除非从视图中滚动一长串单元格并重新进入。我得到的单元格不正确，或者有时会丢失新的bg颜色和图形。

我确定我需要在某些时候更新UITableView？我只是不知道如何或何时。一直在尝试tableView.reloadData（）和.reloadRows（at：...在锁定函数中没有运气。

这里的一些代码...... 表视图设置

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尝试indexPath使用convert(_:to:)来获取点按的位置，使用该位置indexPathForRow(at:)来获取该单元格的indexPath＆＃ 39; S

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)
    }
}

现在，您的lockButton在界面制作工具或awakeFromNib的单元格设置中，这个图片都带有default/normal和selected状态的按钮，这样您就不会需要在每次只需选择和取消选择按钮时进行更改。

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
}

Answer 2

之所以发生这种情况，是因为处理图像和颜色等图形的计算成本很高，而且因为UITableView通过重复使用单元格的方式也是如此。

解决这个问题的一种方法是使用缓存。例如，如果我想设置单元格的背景颜色，我可以执行以下操作：

let colorCache = NSCache<NSString, UIColor>()
class MyCell: UICollectionViewCell {

    // ...

    backgroundColorString: String? = ""

    setupCellBackgroundColor(){
        backgroundColorString = colorString

        backgroundColor = nil

        if let colorFromCache = colorCache.object(forKey: colorString as NSString){
            backgroundColor = colorFromCache
            return
        }

        DispatchQueue.main.async(execute: {

            // This is my own logic to convert the colorString into a color, you can implement yours
            let colorToCache = FilterParser.getColor(of: colorString)

            if self.backgroundColorString == colorString {
                self.backgroundColor = colorToCache
            }

            colorCache.setObject(colorToCache, forKey: colorString as NSString)
        })
    }

}

您也可以对图像执行相同的操作：

let imageCache = NSCache<NSString, UIImage>()
class MyCell: UICollectionViewCell {

    var imageNameString: String? = ""

    // ...

    setupButtonImage(){
        imageNameString = imageString

        lockButton.setImage(nil, for: .normal)

        if let imageFromCache = Cache.object(forKey: imageString as NSString){
            lockButton.setImage(imageFromCache, for: .normal)
            return
        }

        DispatchQueue.main.async(execute: {

            let imageToCache = UIImage(named: "imageString")

            if self.imageNameString == imageString {
                lockButton.setImage(imageToCache, for: .normal)
            }

            imageCache.setObject(imageToCache, forKey: imageString as NSString)
        })
    }

}

基本上我正在做的是缓存颜色和图像，所以我只创建一次，之后我从缓存中检索，这将使用更多的内存，但它会在工作时给我一个更好的性能使用表或集合视图。

有许多库可以帮助您管理缓存，对于我从互联网上检索的图像，我喜欢使用AlamofireImage。

滚动iOS UITableView看不到视觉错误

2 个答案: