Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – How to make only one button clickable in table view cell using swift

I have a table view with buttons in each of the cell. Each of the button playing different song for each of the cell and change image to "play" or "pause". But I have a problem, when I tap on two or three of buttons, they changes photo to "pause". It should change photo only on one of them. Check photo: Buttons in cell

There is my code in view controller:

extension BeatPackViewController: UITableViewDataSource, UITableViewDelegate {
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 80
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 12
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell: CustomLoopsCell = beatTableView.dequeueReusableCell(withIdentifier: "firstLoopCell", for: indexPath) as! CustomLoopsCell
        gettingSongName()
        
        cell.loopNameLabel.text = data[indexPath.row].loop_name
        cell.producerLabel.text = data[indexPath.row].producer
        cell.instrumentLabel.text = data[indexPath.row].Instrument
        cell.delegate = self
        cell.selectionStyle = .none
        
        cell.tag = indexPath.row
        if let playingCell = currentPlayingIndex {
            if playingCell == indexPath.row {
                cell.playButtonOutlet.setImage(UIImage(named: "Pause.png"), for:
                                                .normal)
            }
        } else {
            cell.playButtonOutlet.setImage(UIImage(named: "playBtn.png"), for:
                                            .normal)
        }
    //        cell.instrumentLabel.text = data[indexPath.row].loops[indexPath.row].Instrument
    //        cell.producerLabel.text = data[indexPath.row].loops[indexPath.row].producer
    return cell
}
    
    func btnUseTap(cell: CustomLoopsCell) {
        
        let indexPath = self.beatTableView.indexPath(for: cell)
        if currentPlayingIndex == cell.tag {
                audioPlayer.pause()
                currentPlayingIndex = nil
            beatTableView.reloadData()
             } else { //IF PAUSE BUTTON
                playLoop(song_name: songs[cell.tag])
                currentPlayingIndex = cell.tag
                beatTableView.reloadData()
             }
            beatTableView.reloadData()
//        playSong(index: indexPath!.row)
        print("Done")
    }
Tags:

2

Answers


  1. 0

    1)Firstly create empty array of your buttons, for example:

    let allButtons: [UIButton] = []

    2)When you are creating each cell, add button of that cell to array , Example code:

    allButtons.append(yourButton)

    3)create function that will mute all buttons and also assigning pause image to them, for example:

        func muteAllButtons() {
    for button in allButtons {
        button.muteThisButton()
        button.setImageToPlay()
    }
}

    1. create function that will handle muting all buttons, and then playing music from selected button, for example:

       func userSelectedButton(at yourSelectedCellIndex: Int) {
 muteAllButtons()
 let currentPlayingButton = allButtons[yourSelectedCellIndex]
 currentPlayingButton.playMusic()
 currentPlayingButton.setImageToPause()

      }

    2. when user clicks on selected cell, call userSelected function. For example:

      userSelectedButton(at: yourCellIndex)

    Login or Signup to reply.
  2. 0

    Looks like you have problem in your if:

    if let playingCell = currentPlayingIndex {
    if playingCell == indexPath.row {
        cell.playButtonOutlet.setImage(UIImage(named: "Pause.png"), for:
                                        .normal)
    }
} else {
    cell.playButtonOutlet.setImage(UIImage(named: "playBtn.png"), for:
                                    .normal)
}

    When currentPlayingIndex != nil and playingCell != indexPath.row, it doesn’t update the image, so it gets random image from dequeued cell. Change it to:

    if let playingCell = currentPlayingIndex, playingCell == indexPath.row {
    cell.playButtonOutlet.setImage(UIImage(named: "Pause.png"), for:
                                    .normal)
} else {
    cell.playButtonOutlet.setImage(UIImage(named: "playBtn.png"), for:
                                    .normal)
}

    Also you have redundant reloadDatas here:

    if currentPlayingIndex == cell.tag {
    audioPlayer.pause()
    currentPlayingIndex = nil
 beatTableView.reloadData()
 } else { //IF PAUSE BUTTON
    playLoop(song_name: songs[cell.tag])
    currentPlayingIndex = cell.tag
    beatTableView.reloadData()
 }
beatTableView.reloadData()

    Just remove both from if/else and left one after the if/else.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search