Swift tableview 单元格单选按钮实现

Question

我需要在 tableview 自定义单元格中放置一个单选按钮。每当用户单击 tableview 单元格或按钮时，单选按钮都需要工作。我尝试使用下面的代码，但没有很好地执行。

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

        let cell:TableViewCell = self.tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier) as! TableViewCell

        cell.country.text = self.animals[indexPath.row]

        cell.selectionStyle = UITableViewCellSelectionStyle.none;

        if selectedRows.contains(indexPath)
        {
            cell.radioButton.setImage(UIImage(named:"check.png"), for: .normal)
        }
        else
        {
            cell.radioButton.setImage(UIImage(named:"uncheck.png"), for: .normal)
        }

        return cell
    }

Answer 1

这是一个在UITableView 中创建单选按钮的绝佳解决方案，使用需要零 代码的情节提要 - 并且有 2 个很棒的酷提示！！

• 确保您的表格视图设置为单选，并使用静态单元格。

• 添加一个Basic单元格，将图像设置为未选中的按钮图像，并确保选择样式为Default

• 酷提示#1：单击并选择单元格的图像视图，然后将其突出显示的图像设置为选中状态。当单元格被突出显示或选择时，其中的图像视图将更改为显示其突出显示状态。

• 酷提示 #2： 接下来，将 UIView 拖到单元格的内容视图中，位于文本标签后面。由于您使用的是基本单元格，因此无法将其直接拖放到单元格中，您需要将其拖入左侧的文档大纲中。然后将其连接到单元格的 选定背景视图 插座。选择单元格（或突出显示）时，将在后台显示此视图。在这种情况下，我们将使用它来防止出现灰色背景，因此将其颜色设置为 Clear。请注意，视图的大小无关紧要，也无需设置任何约束 - 它会在运行时自动调整大小以匹配单元格。

• 最后，复制此单元格并更改每个单选按钮选项的文本。构建并运行，您就有了无代码单选按钮！

Answer 2

在您的TableViewCell 类中，为什么不创建一个数据源元素并为其覆盖didSet。同样在UITableView 的数据源中，我会推荐一个数组，而不仅仅是String。

我还没有编译下面的，所以这只是一个想法。

import UIKit

class TableViewCell : UITableViewCell {
    var data: Animal? {
        didSet {
            self.country.text = data.description
            if (data.isSelected) {
                self.radioButton.setImage(UIImage(named:"check.png"), for: .normal)
            } else {
                self.radioButton.setImage(UIImage(named:"uncheck.png"), for: .normal)
            }
        }
    }
}

在您的视图控制器中，您当然必须在点击一行时设置isSelected 属性。

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    var animal = self.animals[indexPath.row]
    animal.isSelected = !animal.isSelected
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell:TableViewCell = self.tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier) as! TableViewCell

    cell.data = self.animals[indexPath.row]
}

对于您的Animal，可能是这样的：

struct Animal {
    var description: String
    var isSelected: Bool
}