Изображение кнопки изменяется при прокрутке в режиме просмотра таблицы

Question

Мне нужна серьезная помощь, так как я играю аудио в Tableview и управляю (Play / Pause / Stop) с помощью AVPlayer.Все функции работают нормально.

Но проблема в том, как управлять изображением кнопки ONLY в TableView при прокрутке?Есть два основных момента, которые необходимо учитывать

• 1-й - установить изображение кнопки («медиа-пауза») в соответствующей ячейке, где воспроизводится звук.

• Второе - установить покоя все изображения кнопок («кнопка воспроизведения»), которые точно не воспроизводятся.

  class AudiosController: UIViewController {
  
      //outlets
      @IBOutlet weak var tableView: UITableView!
  
      //properties
      let  menuArray: [String] = [
                                          "Song 1",
                                          "Song 2”,
                                          "Song 3”,
                                          "Song 4”,
                                          “Song 5”,
                                          “Song 6”,
                                          "Song 7”,
                                          "Song 8”,
                                          "Song 9”,
                                          “Song 10”,
                                          “Song 11”,
                                          “Song 12”]
      let  audioUrl: [String] = ["https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
                          "http://transom.org/wp-content/uploads/2004/03/200206.hodgman8.mp3",
                          "https://www.hrupin.com/wp-content/uploads/mp3/testsong_20_sec.mp3",
                          "https://ia801409.us.archive.org/12/items/1HourThunderstorm/1HrThunderstorm.mp3",
                          "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
                          "http://transom.org/wp-content/uploads/2004/03/200206.hodgman8.mp3",
                          "https://www.hrupin.com/wp-content/uploads/mp3/testsong_20_sec.mp3",
                          "https://ia801409.us.archive.org/12/items/1HourThunderstorm/1HrThunderstorm.mp3",
                          "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
                          "http://transom.org/wp-content/uploads/2004/03/200206.hodgman8.mp3",
                          "https://www.hrupin.com/wp-content/uploads/mp3/testsong_20_sec.mp3",
                          "https://ia801409.us.archive.org/12/items/1HourThunderstorm/1HrThunderstorm.mp3"]
      var previous = UIButton().tag
      var player : AVPlayer?
      var previousCell:PlayerCell?
      var currentCell:PlayerCell?
  
      //MARK: - View Life Cycle
      override func viewDidLoad() {
          super.viewDidLoad()
  
          //TableView Config
          tableView.dataSource = self
          tableView.rowHeight = UITableViewAutomaticDimension
          tableView.estimatedRowHeight = 44
      }
  
      //MARK: - Actions
      @IBAction func play_pauseButtonPressed(_ sender: UIButton) {
          let cell = sender.superview?.superview?.superview as! PlayerCell
          currentCell = cell // current cell
  
          let currentIndex = sender.tag // current Button tag value
  
          let current = sender  // current Button
  
          if player?.isPlaying == true && previous == currentIndex {
              player?.pause()
              sender.setImage(UIImage(named: "play-button"), for: .normal)
              previous = currentIndex
          } else if player?.isPlaying == true {
              player?.pause()
              previousCell?.play_pauseButton.setImage( imageLiteral(resourceName: "play-button"), for: .normal)
              current.setImage(UIImage(named: "media-pause"), for: .normal)
              play(audioUrl: audioUrl[currentIndex])
              previous = currentIndex
          } else {
              current.setImage(UIImage(named: "media-pause"), for: .normal)
              play(audioUrl: audioUrl[currentIndex])
              current.isSelected = true
              previous = currentIndex
          }
  
          previousCell = cell
      }
  
      func play(audioUrl: String) {
          guard let url = URL.init(string: audioUrl) else { return }
          let playerItem = AVPlayerItem.init(url: url)
          player = AVPlayer.init(playerItem: playerItem)
          player?.play()
     }
  }
  
  //MARK: - AVPlayer
  extension AVPlayer {
  
      var isPlaying: Bool {
          return ((rate != 0) && (error == nil))
      }
  }
  
  //MARK: - UITableViewDataSource
  extension AudiosController: UITableViewDataSource {
  
      func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
          return menuArray.count
      }
  
      func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
          let cell = tableView.dequeueReusableCell(withIdentifier: "PlayerCell", for: indexPath) as! PlayerCell
          cell.txtLabel.text = menuArray[indexPath.item]
  
          cell.play_pauseButton.tag = indexPath.row
  
          return cell
      }
  }
  

И это класс PlayerCell

   class PlayerCell: UITableViewCell {
        @IBOutlet weak var play_pauseButton: UIButton!
        @IBOutlet weak var txtLabel: UILabel!
    }

Answer 1

Что можно сделать, это сбросить все изображения при настройке ячейки.Поскольку tableView повторно использует ячейки, некоторые свойства сохраняются как в последний раз, когда они изменялись.Если это проблема, код может быть исправлен как:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "PlayerCell", for: indexPath) as! PlayerCell
    cell.txtLabel.text = menuArray[indexPath.item]

    cell.play_pauseButton.tag = indexPath.row

    if player?.isPlaying == true && indexPath.row == previous { //Sets the "media-pause" image to the currently played cell
        cell.play_pauseButton.setImage(UIImage(named: "media-pause"), for: .normal)
    } else { //Every other cell that is not the playing one is reseted to the "play-button" image
        cell.play_pauseButton.setImage(UIImage(named: "play-button"), for: .normal)
    }

    return cell
}