UITableViewCell 图像在滚动时消失

Question

我在 UITableViewCell 中有一个 UIButton，一旦点击按钮，图像就会发生变化。尽管选定的按钮按预期被选中，但一旦 UITableView 滚动，选定的图像就会消失，因为单元格被重复使用。

我在编写逻辑时遇到问题。请帮忙。

我的代码在下面，在 Swift 3 中。

CellForRow：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)

    //Button_Action
    addSongButtonIdentifier(cell: cell, indexPath.row)
}

这是创建单元格的地方：

func addSongButtonIdentifier(cell: UITableViewCell, _ index: Int) {
    let addButton = cell.viewWithTag(TABLE_CELL_TAGS.addButton) as! UIButton

    //accessibilityIdentifier is used to identify a particular element which takes an input parameter of a string

    //assigning the indexpath button
    addButton.accessibilityIdentifier = String (index)
    // print("visible Index:",index)
    print("Index when scrolling :",addButton.accessibilityIdentifier!)

    addButton.setImage(UIImage(named: "correct"), for: UIControlState.selected)
    addButton.setImage(UIImage(named: "add_btn"), for: UIControlState.normal)

    addButton.isSelected = false
    addButton.addTarget(self, action: #selector(AddToPlaylistViewController.tapFunction), for:.touchUpInside)
}

点击功能：

func tapFunction(sender: UIButton) {
    print("IndexOfRow :",sender.accessibilityIdentifier!)
    // if let seporated by a comma defines, if let inside a if let. So if the first fails it wont come to second if let


    if let rowIndexString =  sender.accessibilityIdentifier, let rowIndex = Int(rowIndexString) {
    self.sateOfNewSongArray[rowIndex] = !self.sateOfNewSongArray[rowIndex]//toggle the state when tapped multiple times
    }
    sender.isSelected = !sender.isSelected //image toggle
    print(" Array Data: ", self.sateOfNewSongArray)

    selectedSongList.removeAll()

    for (index, element) in self.sateOfNewSongArray.enumerated() {
        if element{
            print("true:", index)

            selectedSongList.append(songDetailsArray[index])

            print("selectedSongList :",selectedSongList)
        }
    }
}

Answer 1

addButton.isSelected = false 行的func addSongButtonIdentifier(cell: UITableViewCell, _ index: Int) 函数存在逻辑错误

应该是addButton.isSelected = self.sateOfNewSongArray[index]

由于每次滚动表格时都会调用 cellForRowAtIndexpath 方法，它正在重置 'addButton' 的选中状态

Answer 2

您需要有一个数组来存储选择的索引，就像您拥有的 selectedSongList 数组一样。然后在您的 cellForRow 方法中，您需要使用该数组中的 bool proparty 为您的按钮提供选择或取消选择状态，或者在您的 addSongButtonIdentifier 方法中选择状态需要是

addButton.isSelected = selectedSongList.contains(indexPath.row)

Answer 3

创建一个用于填充 UITableView 的模型类，并在该模型中获取 UIImage 变量，它将保存单元格的当前图像。单击按钮操作只需将 UIImage 变量更改为当前图像。

Answer 4

最好的方法是使用模型类并跟踪单元格中的每个单独元素。但是让我给你一个快速的解决方法。

像这样在任何地方创建一个自定义的 Button 类。

class classname: UIButton { var imageName: String? }

进入你的故事板，将类从 UIButton 更改为类名

在你的 tableViewCellForIndexPath 中

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
     let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
     let addButton = cell.viewWithTag(TABLE_CELL_TAGS.addButton) as! classname

     if let imgName = addButton.imageName {
      addButton.setImage(UIImage(named: imgName), for: UIControlState.normal)
     } else {
       addButton.setImage(UIImage(named: "add_btn"), for:UIControlState.normal)
     } 
     addButton.addTarget(self, action: #selector(AddToPlaylistViewController.tapFunction), for:.touchUpInside)
 return cell
 }

现在让我们转到您的点击按钮实现

func tapFunction(sender: classname) {

print("IndexOfRow :",sender.accessibilityIdentifier!)
// if let seporated by a comma defines, if let inside a if let. So if the first fails it wont come to second if let


if let rowIndexString =  sender.accessibilityIdentifier, let rowIndex = Int(rowIndexString) {
self.sateOfNewSongArray[rowIndex] = !self.sateOfNewSongArray[rowIndex]//toggle the state when tapped multiple times
}
sender.imageName = sender.imageName == "correct" ? "add_btn" : "correct" //image toggle
sender.setImage(UIImage(named: sender.imageName), for:UIControlState.normal)

print(" Array Data: ", self.sateOfNewSongArray)

selectedSongList.removeAll()

for (index, element) in self.sateOfNewSongArray.enumerated() {
    if element{
        print("true:", index)

        selectedSongList.append(songDetailsArray[index])

        print("selectedSongList :",selectedSongList)
    }
}


}