滚动时 UITableViewCell 的选定按钮消失

Posted 2023-03-12

【中文标题】滚动时 UITableViewCell 的选定按钮消失

【英文标题】：Selected button of a UITableViewCell get disappear when scrolling

【发布时间】：2017-08-11 05:04:39

【问题描述】：

我正在处理一个用 swift 3 编码的项目，我在 UITableViewCell 中有一个 UIButton，一旦点击按钮，图像就会发生变化。尽管选定的按钮按预期被选中，但一旦 UITableview 滚动，选定的图像就会消失，因为单元格被重复使用。因为我是编程新手，在编写逻辑时遇到了麻烦。帮助将非常感谢下面的代码。

CellFow

     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)
        
    

【问题讨论】：

一旦 tableview 重新加载，您的选择就会消失，因为您需要将选定状态存储在数据集中而不是按钮状态

您需要存储选中项的索引或行号。

我知道原因，但编写逻辑有困难，代码 sn-p 将不胜感激

【参考方案1】：

您需要在控制器级别维护按钮选择状态。您需要更改用于配置 tableview 的模型。

我创建了一个类似的场景。我使用了一个数组selectionStatusArray 来维护按钮的选择状态。

示例：

1. UIViewController 包含 UITableView

class ViewController: UIViewController, UITableViewDataSource

    @IBOutlet weak var tableView: UITableView!
    var selectionStatusArray = [false, false, false, false, false] //Array that maintains the button selection status

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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! TableViewCell
        addSongButtonIdentifier(cell: cell, indexPath.row)
        return cell
    

    func addSongButtonIdentifier(cell: TableViewCell, _ index: Int)
    
        cell.addButton.tag = index
        cell.addButton.isSelected = selectionStatusArray[index]
        cell.tapHandler = 
            self.selectionStatusArray[$0] = cell.addButton.isSelected
        
    

2。自定义UITableViewCell

class TableViewCell: UITableViewCell

    @IBOutlet weak var addButton: UIButton!
    var tapHandler: ((Int)->())?

    @IBAction func tapFunction(_ sender: UIButton)
    
        sender.isSelected = !sender.isSelected
        tapHandler?(sender.tag)
    

您可以根据自己的要求配置UITableViewCell。

【参考方案2】：

你有这个代码 addButton.isSelected = false 导致问题，因为我相信你在 tableView delegate 方法中调用函数 addSongButtonIdentifier，你不应该在 tableView delegate 中设置所有这些属性。

相反，您应该首先为每个单元执行一次，例如在情节提要本身中或通过为单元类提供模型。

【讨论】：

您的代码是正确的，但是您使用它的方式有点错误，所以如果您告诉我如何调用函数 addSongButtonIdentifier，我可以建议您正确的方法。