点击时更改 UICollectionViewCell 上的 ImageView 图像

Posted 2023-03-14

【中文标题】点击时更改 UICollectionViewCell 上的 ImageView 图像

【英文标题】：Change ImageView image on UICollectionViewCell on Tap

【发布时间】：2017-02-17 07:28:34

【问题描述】：

我有一个UICollectionView，它使用自定义xib 文件作为它的单元格。在单元格中，我有一个 ImageView 复选框。我想在录制时更改`ImageView1 的图像。我尝试了以下代码 sn-p 但它不适合我

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) 

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! V_Cell

    if show_delete == true 
        cell.img_delete.image = UIImage(named: "checked")
    


func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell 
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! V_Cell

    // Configure the cell

    let data = valves_[indexPath.row]
    cell.v_name.text = data

    if show_delete == true 
        cell.img_delete.isHidden = false
     else if show_delete == false 
        cell.img_delete.isHidden = true
    

    return cell

在这段代码中，我尝试在didSelectItemAt 中更改ImageView 的图像。

我的自定义xib文件如下。

请提出一种使它起作用的方法。谢谢。

【问题讨论】：

请问您是否尝试过我的解决方案？

@KrishnaCA 我通过稍微调整您的建议解决了问题。感谢您的领导。

这与我的解决方案几乎相似。但是，您没有使用完整的布尔数组，而是使用 int 数组来减少内存占用。不错

【参考方案1】：

对于这类问题，最好保留一个数组，其中包含是否检查给定indexpath 处的项目。

var checkArray: [Bool] = [Bool](repeating: false, count: numberOfRowsInCollectionView)
// this should be the same size as number of items in collection view

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) 

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! V_Cell
    checkArray[indexPath.row] = !checkArray[indexPath.row] // if it's true, make it false and vice versa logic
    collectionView.reloadItems(at: [indexPath])


func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell 

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! V_Cell

    // Configure the cell

    let data = valves_[indexPath.row]
    cell.v_name.text = data

    if show_delete == true 
        cell.img_delete.isHidden = false
     else if show_delete == false 
        cell.img_delete.isHidden = true
    

    if checkArray[indexPath.row] 
        cell.img_delete.image = //image for check
    else 
        cell.img_delete.image = //image for no check
    

    return cell

【参考方案2】：

最后我通过下面的代码解决了。

    var checkArray = [Int]()

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) 
    if show_delete == true 
        if checkArray.contains(indexPath.row) 
            let index = checkArray.index(of: indexPath.row)
            checkArray.remove(at: index!)
            collectionView.reloadItems(at: [indexPath])
         else 
            checkArray.append(indexPath.row)
            collectionView.reloadItems(at: [indexPath])
        
    


func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell 
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! V_Cell

    // Configure the cell
    let data = valves_[indexPath.row]
    cell.v_name.text = data

    if show_delete == true 
        cell.img_delete.isHidden = false
     else if show_delete == false 
        cell.img_delete.isHidden = true
    

    if checkArray.contains(indexPath.row) 
        cell.img_delete.image = UIImage(named: "checked_n")
     else 
        cell.img_delete.image = UIImage(named: "unchecked")
    

    return cell

我将记录的元素索引放入一个数组中，并在 indexpath 处重新加载项目。如果数组包含重新加载的索引，则显示复选标记，否则删除复选标记。