每个10个单元重复TableView

时间:2017-06-21 12:33:22

标签: ios swift uitableview tableview avplayer

我正在使用AVPlayer内的UITableView。当我更改图像按钮时,每个10个单元格重复。为什么每个10个细胞都被重复以及如何修复它?注意超类。

  var boolValue = false

 class TableViewControllerAudioList: UIView,UITableViewDelegate,UITableViewDataSource {

@IBOutlet weak var tableView: UITableView!

var avplayer:AVPlayer!




override func setNeedsDisplay() {
    super.setNeedsDisplay()


}



 func numberOfSections(in tableView: UITableView) -> Int {
    // #warning Incomplete implementation, return the number of sections
    return 1
}

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // #warning Incomplete implementation, return the number of rows
    return modalsF.count
}


 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {


    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCellAudioList


    cell.name.text = modalsF[indexPath.row].AudioName
    cell.duration.text = "00:00"
    cell.number.text = "\(indexPath.row + 1)"

    cell.playChange.setImage(UIImage(named:"Play.png"), for: UIControlState.normal)


    cell.playChange.tag = indexPath.row
    cell.playChange.addTarget(self, action: #selector(tickClicked), for: .touchUpInside)

    cell.tapAction = { (cell) in







   // self.player = self.setupAudioPlayerWithFile(file: "https:----.com" + modalsF[indexPath.row].UrlName! as NSString, type: "mp3")

    self.avplayer = self.pl(file: "https:---.com" + modalsF[indexPath.row].UrlName! as NSString)


       // self.play(tableView.indexPath(for: cell)!.row)

        }


     return cell
}



func tickClicked(_ sender: UIButton!) {
    print(sender.tag)
    let cellTop = tableView.cellForRow(at: NSIndexPath(row: sender.tag, section: 0) as IndexPath) as!TableViewCellAudioList

    if boolValue == false{
        cellTop.playChange.setImage(UIImage(named:"Pause.png"), for: UIControlState.normal)
        boolValue = true
    } else {
        cellTop.playChange.setImage(UIImage(named:"Play.png"), for: UIControlState.normal)
        boolValue = false
    }
}




func pl(file:NSString) -> AVPlayer? {

    let url = URL(string: file as String)
    let avPlayer: AVPlayer?
    let playerItem = AVPlayerItem(url: url!)
    avPlayer = AVPlayer(playerItem:playerItem)



    if avPlayer?.rate == 0 {
        avPlayer?.play()
        avPlayer?.rate = 1.0

    } else if avPlayer?.rate == 1{

        avPlayer?.pause()

    }

    return avPlayer

}

TableViewCell:

class TableViewCellAudioList: UITableViewCell {

@IBOutlet weak var number: UILabel!
@IBOutlet weak var name: UILabel!
@IBOutlet weak var duration: UILabel!
@IBOutlet weak var playChange: UIButton!



var tapAction: ((UITableViewCell) -> Void)?
@IBAction func playAudio(_ sender: Any) {
    tapAction?(self) 
  }    
}

2 个答案:

答案 0 :(得分:1)

tableView(_: cellForRowAt:)中设置:

  • cell.name.text
  • cell.duration.text
  • cell.number.text
  • cell.playChange.tag

对于每个新单元格,因此当单元格与新内容一起使用时,这些值会更新。

但是您不会更改playChange按钮的图像,因此在重复使用单元格时不会更新。

当您点按playChange按钮时,您会更新tickClicked中按钮的图像。因此,当您在其中一个单元格上调用tickClicked时,图像会更新,并且您在以后重复使用单元格时也不会将其更改。

尝试更改playChangetableView(_: cellForRowAt:)按钮的值/图像/状态。

另外,请查看UITableViewCell的方法prepareForReuse。在重复使用单元格之前调用此方法,并使您有机会重置"重置"细胞。

请注意,正如文档中所述:

  

出于性能原因,您应该只重置与内容无关的单元格属性,例如,alpha,编辑和选择状态。表格视图的代表   的tableView(_:cellForRowAt :)    重复使用单元格时应始终重置所有内容。

希望对你有所帮助。

答案 1 :(得分:0)

如果可以,

tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)重新使用旧的tableview单元格。

您未在playChange中设置tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)图片。因此,它重新使用原始tableview单元格中已有的图像。