具有多个部分并带有单选按钮和复选框按钮的 TableView

Question

这就是我想要实现的目标：

填充所有数据没有问题，但问题是如何让用户只为单选部分选择一行，并允许多行用于复选框部分，我卡在这部分。这是现在的代码：

@objc func checkboxSelected(_ sender: UIButton) {

    sender.isSelected = !sender.isSelected

    if(sender.isSelected == true)
    {
        sender.setImage(UIImage(named: "red_checkbox"), for: UIControlState.normal)

    }
    else
    {
        sender.setImage(UIImage(named: "checkbox2"), for: UIControlState.normal)
    }

}

@objc func radioBtnSelected(_ sender: UIButton) {

    sender.isSelected = !sender.isSelected

    if(sender.isSelected == true)
    {
        sender.setImage(UIImage(named: "radio_red"), for: UIControlState.normal)

    }
    else
    {
        sender.setImage(UIImage(named: "radio_white"), for: UIControlState.normal)
    }

}

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

    let cell = tableView.dequeueReusableCell(withIdentifier: "DishTableViewCell", for: indexPath) as! DishTableViewCell
    cell.titleLbl.text = self.menu[indexPath.section].menuOptions[indexPath.row].name


    if self.menu[indexPath.section]. menuOptions[0].title == "checkbox" {

        cell.checkboxBtn.isHidden = false
        cell.radioBtn.isHidden = true
    }else if

        self.menu[indexPath.section]. menuOptions[0].title == "radio" {

        cell.checkboxBtn.isHidden = true
        cell.radioBtn.isHidden = false


    }

    cell.checkboxBtn.addTarget(self, action: #selector(DishViewController.checkboxSelected(_:)), for: UIControlEvents.touchUpInside)
    cell.radioBtn.tag = self.menu[indexPath.section]. menuOptions[indexPath.row].id
    cell.radioBtn.addTarget(self, action: #selector(DishViewController.radioBtnSelected(_:)), for: UIControlEvents.touchUpInside)

    return cell
}

或者除了使用tableview之外还有其他方法吗？请协助。谢谢

Answer 1

我建议你使用 UIImageView 代替按钮并使用 tableView didSelectRowAt 方法。

我已编辑您的代码并在下面进行了一些更改：

1.声明两个变量来跟踪indexpath

var radioButtonIndexPath = [Int:IndexPath]() //for radiobutton
var checkboxIndexPath = [indexPath]() //for checkbox

2.cellForRowAt 方法已修改为 UIImageView 而不是 UIButton

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

let cell = tableView.dequeueReusableCell(withIdentifier: "DishTableViewCell", for: indexPath) as! DishTableViewCell
cell.titleLbl.text = self.menu[indexPath.section].menuOptions[indexPath.row].name

if self.menu[indexPath.section]. menuOptions[0].title == "checkbox" {
    cell.checkbox.isHidden = false
    cell.radio.isHidden = true
    if checkboxIndexPath.contains(IndexPath) {
        checkbox.image = UIImage(named:"red_checkbox")
    }else{
        checkbox.image = UIImage(named:"checkbox2")
    }
}else if

    self.menu[indexPath.section]. menuOptions[0].title == "radio" {
    cell.checkbox.isHidden = true
    cell.radio.isHidden = false

    if radioButtonIndexPath.keys.contains(indexPath.section) {
        if radioButtonIndexPath[indexPath.section] == indexPath {
            radio.image = UIImage(named:"radio_red")
        }else{
            radio.image = UIImage(named:"radio_white")
        }
    }else{
        radio.image = UIImage(named:"radio_white")
   }

}

return cell
}

3.didSelectRowAt 方法：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

    if self.menu[indexPath.section].menuOptions[0].title == "checkbox" {

     if checkboxIndexPath.contains(IndexPath) {
            checkboxIndexPath.remove(at: checkboxIndexPath.index(of: IndexPath)) 
        }else{
            checkboxIndexPath.append(IndexPath)
        }

    }else if self.menu[indexPath.section].menuOptions[0].title == "radio" {

        radioButtonIndexPath[indexPath.section] = indexPath

    }

    yourtableView.reloadData() // reload your tableview here 
}

试试这个代码，如果有任何问题，请告诉我。