CollectionView问题-Swift

Question

I make music player using collectionView. I want to when selected collectionView like radio button. If another cell is selected, the selected cell should not be selected. but is not working.

I dont want multi selection. : https://i.stack.imgur.com/ATj3J.png

How do I work? TT I need your help. thx.

this my code.

       import UIKit

class PracticeViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {


var homeClassInPrac = HomeViewController()
var songPlayOff = UIImage(named: "play")
var songPlayOn = UIImage(named: "iconStop")
var buttonCounter = [Int]()
var freqNameList = ["Delta 1","Theta 1","Alpha 1","Beta 1","Delta 2","Theta 2","Alpha 2","Beta 2","Delta 3","Theta 3","Alpha 3","Beta 3","Delta 4","Theta 4","Alpha 4","Beta 4"]


@IBOutlet var practiceCollection: UICollectionView!
override func viewDidLoad() {
    super.viewDidLoad()

    practiceCollection.delegate = self
    practiceCollection.dataSource = self
    self.practiceCollection.allowsMultipleSelection = false

}

func numberOfSections(in collectionView: UICollectionView) -> Int {

    return 1

}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

    self.practiceCollection.reloadData()
    return freqNameList.count

}

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

    let cell:PracticeCollectionViewCell = collectionView.dequeueReusableCell(withReuseIdentifier: "pracCell", for: indexPath) as! PracticeCollectionViewCell

    cell.pracImgView.image = songPlayOff
    cell.pracLabel.text = freqNameList[indexPath.row]
    if buttonCounter.contains(indexPath.row){
        cell.pracImgView.image = songPlayOn
    }
    else{
        cell.pracImgView.image = songPlayOff
    }
    return cell
}

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


        if buttonCounter.contains(indexPath.row){
            let index = buttonCounter.index(of: indexPath.row)
            buttonCounter.remove(at: index!)
            self.practiceCollection.reloadData()
            homeClassInPrac.audioPlayer2.stop()
        }
        else{
            buttonCounter.removeAll()
            buttonCounter.append(indexPath.row)
            self.practiceCollection.reloadData()
            let buttonInt = buttonCounter[0]
            homeClassInPrac.playSound2(freqName: freqNameList[buttonInt])
    }
print("Select\(buttonCounter)")
}

func collectionView(_ collectionView: UICollectionView, didDeselectItemAt indexPath: IndexPath) {
        print("Deselect\(buttonCounter)")
        let index = buttonCounter.index(of: indexPath.row)
        buttonCounter.remove(at: index!)
        self.practiceCollection.reloadData()
        print("Deselect\(buttonCounter)")

}





override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}

Answer 1

I think problem is you are reloading collectionView in numberOfItems method

so Just remove

 self.practiceCollection.reloadData()

Answer 2

Change buttonCounter to Array of Bool with equal count to freqNameList

var buttonCounter : Array<Bool> = [false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false]

In cellForItem method use :

if buttonCounter[indexPath.row]{
        cell.pracImgView.image = songPlayOn
    }
    else{
        cell.pracImgView.image = songPlayOff
    }

In didSelectItem use :

buttonCounter[indexPath.row] = true
homeClassInPrac.playSound2(freqName: freqNameList[buttonInt])
self.practiceCollection.reloadData()

In didDeselectItem use :

buttonCounter[indexPath.row] = false
self.practiceCollection.reloadData()