集合视图的复选框无需单击即可执行操作

Question

我对@9​​87654327@上的复选框问题感到非常困惑。

我已经为“复选框”创建了一个类组件：UIbutton，之后我使用了

使用“collectionview”，所以当我点击某个项目的 checkbox 时出现问题

我发现另一个项目在检查后：

如果我检查第 1 项的 checkbox，则其他第 6 项已检查。

class CheckBox: UIButton {
// Images
let checkedImage = UIImage(named: "checkbox")! as UIImage
let uncheckedImage = UIImage(named: "uncheckbox")! as UIImage

// Bool property
var isChecked: Bool = false {
    didSet{
        if isChecked == true {
            self.setImage(checkedImage, forState: .Normal)
        } else if isChecked == false {
            self.setImage(uncheckedImage, forState: .Normal)
        }
    }
}

override func awakeFromNib() {
    self.addTarget(self, action: "buttonClicked:", forControlEvents: UIControlEvents.TouchUpInside)
    self.isChecked = false
}

func buttonClicked(sender: UIButton) {
    if sender == self {
        println(self)
        if isChecked == true {
            isChecked = false
        } else if isChecked == false {
            isChecked = true
        }
     }
  }
}

extension TrackersController: UICollectionViewDataSource, UICollectionViewDelegate {

func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return dataSource.vehicles.count
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier,forIndexPath:indexPath) as! VehicleCell

     let vehicles: [Vehicle] = dataSource.vehiclesInGroup(indexPath.section)

    let vehicle = vehicles[indexPath.row]

    cell.txt_mat.text = vehicle.name
    cell.txt_imei.text = vehicle.imei
            cell.check_veh.addTarget(self, action: "selectVeh:", forControlEvents: UIControlEvents.TouchUpInside)
    cell.check_veh.tag = vehicle.id_tracker!.toInt()!
    cell.check_veh.enabled = vehicle.subscription!

    return cell
}

func selectVeh(button: CheckBox) {
    if(button.isChecked){
        vehIds.append(button.tag)
    }else if(!button.isChecked){
        var index = find(vehIds, button.tag)
        vehIds.removeAtIndex(index!)
      //  JLToast.makeText(String(button.tag)).show()

    }    
}

Image of item 1

Image of item 6

Answer 1

您应该将选定的索引存储在一个数组中，稍后在cellForRowAtIndexPath 方法中，您需要检查indexPath 是否已经存在于数组中以显示/隐藏复选框。

复选框的出现是由于对单元格的重用。每次单元格重新出现在屏幕上时，都会加载单元格的内容。所以你需要在cellForRowAtIndex方法中相应地更新内容。

Answer 2

您需要在 Vehicle modal 类（例如：isSelected）中获取一个 bool 变量，并在 selectVeh 方法中为该 bool 变量设置值，如下所示

 func selectVeh(button: UIButton) {
      button.selected = !button.selected
      let vehicle:Vehicle = vehicles[button.tag]
      vehicle.isSelected = button.selected;
      vehicles.replaceObjectAtIndex(button.tag, withObject: vehicle)
  }
in cellForItemAtIndexPath add below code
cell.check_veh.selected =  vehicle.isSelected