UITableView 按钮颜色问题

Question

我有一些问题要在UITableView 中用“是”或“不是”来回答，每个选项（是/否）都是单元格中自己的按钮。

首先，我必须处理点击事件，因为我必须在点击时更改按钮的backgroundColor，并且我必须添加点击的行来创建另一个带有答案的结构。

我的实际代码是这样的：

extension MyViewController: UITableViewDelegate{
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        //click row
    }
}

extension MyViewController: UITableViewDataSource{
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return questions.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cellAnswers", for: indexPath) as! MyTableViewCell
        
        //iterate here? and how can i do that?
        
        cell.actionYes = {
            cell.buttonYes.backgroundColor = .blue
            cell.buttonNo.backgroundColor = .darkGray
        }
        
        cell.actionNot = {
            cell.buttonYes.backgroundColor = .darkGray
            cell.buttonNo.backgroundColor = .blue
        }
        
        let question = questions[indexPath.row]
        
        cell.question = question
        
        return cell
    }
}

如您所见，我有处理点击事件和更改背景颜色的功能，但如果我点击一个按钮，其余按钮也会发生变化。

还有我的 TableViewCell：

import UIKit

class MyTableViewCell: UITableViewCell{
    
    @IBOutlet weak var question: UILabel!
    @IBOutlet weak var buttonYes: UIButton!
    @IBOutlet weak var buttonNo: UIButton!
    
    var actionYes: (() -> Void)? = nil
    var actionNo: (() -> Void)? = nil
    
    @IBAction func answerYes(_ sender: Any) {
        actionYes?()
    }
    
    @IBAction func answerNo(_ sender: Any) {
        actionNo?()
    }
    
    var question: QuestionResponse!{
        didSet{
            updateUI()
        }
    }
    
    func updateUI(){
        
        question.text = question.value
        
    }
    
}

我不知道如何迭代单元格以填充按钮上的正确颜色。

Answer 1

您面临的是UTableView 所做的单元格重用的结果。

每当单元格离开屏幕时，（滚动后）就会被添加到队列中以供重复使用。这就是为什么您需要调用dequeueReusableCell(withIdentifier:for:) 函数来获取您需要准备显示数据的单元格。这意味着 UITableViewCell 实例可能已经有一些上次使用时留下的更改。

处理UTableView 的正确方法是将您更改的任何内容保留在数据源中。例如，您可以将 answer 属性添加到您的 QuestionResponse 模型中，如下所示：

enum Answer {
    case yes, no
}

struct QuestionResponse {
    var answer: Answer?
}

并将用户的答案存储在那里。此外，您必须确保始终设置按钮的背景颜色，以避免以前使用同一单元格实例时出现不需要的剩余颜色：

extension MyViewController: UITableViewDataSource{
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return questions.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cellAnswers", for: indexPath) as! MyTableViewCell
        
        //iterate here? and how can i do that?
        
        cell.actionYes = {
            cell.buttonYes.backgroundColor = .blue
            cell.buttonNo.backgroundColor = .darkGray
        }
        
        cell.actionNot = {
            cell.buttonYes.backgroundColor = .darkGray
            cell.buttonNo.backgroundColor = .blue
        }
        
        let question = questions[indexPath.row]
        
        switch question.answer {
        case .yes:
            cell.buttonYes.backgroundColor = .blue
            cell.buttonNo.backgroundColor = .darkGray
        case .no:
            cell.buttonYes.backgroundColor = .darkGray
            cell.buttonNo.backgroundColor = .blue
        default:
            cell.buttonYes.backgroundColor = .darkGray
            cell.buttonNo.backgroundColor = .darkGray
        }
        
        cell.question = question
        
        return cell
    }
}