swift: данные UITableViewCell перекрываются при прокрутке вниз и вверх

Question

Im new to Swift и написав приложение, которое использует Table View. Я создаю ячейку в cellForRowAtIndexPath, но когда я прокручиваю вниз и снова, данные предыдущей ячейки не очищаются, и я вижу перекрывающиеся данные в полях. это мой код

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { 

    cellArrayIndex = cellsPointerArray[indexPath.row] as! Int 

    let cell = self.tableView.dequeueReusableCellWithIdentifier("gameCell",forIndexPath: indexPath) as UITableViewCell 

    var indexInGamesArray = 0 
    let btnWidth = CGFloat((cell.frame.width/100) * 20) 
    let teamSignWidth = CGFloat((cell.frame.width/100) * 4) 
    let gapWidth = CGFloat((cell.frame.width/100) * 3) 

    //***** fixet fields iv every cell 
    let lblTop = UILabel(frame: CGRectMake(0 ,0,self.frame.size.width, 25)) 
    lblTop.backgroundColor = UIColor(red: 88/255, green: 88/255, blue: 88/255, alpha: 1) 
    cell.addSubview(lblTop) 

    let lblDate = UILabel(frame: CGRectMake(lblTop.frame.origin.x + 30.0,lblTop.frame.origin.y,100,lblTop.frame.size.height)) 
    lblDate.backgroundColor = UIColor.clearColor() 

    let lblTime = UILabel(frame: CGRectMake(lblDate.frame.origin.x + lblDate.frame.size.width + 30.0,lblTop.frame.origin.y,300,lblTop.frame.size.height)) 
    lblTime.backgroundColor = UIColor.clearColor() 

    let str : String = (gamesArray[cellArrayIndex]["GameDate"] as? String)! 
    let characterToFind: Character = "T" 
    let indexForCharacterInString = str.characters.indexOf(characterToFind) 
    let dateStr:String = str.substringToIndex(indexForCharacterInString!) 
    lblDate.text = dateStr 
    lblDate.textColor = UIColor.yellowColor() 
    cell.addSubview(lblDate) 

    var timeStr:String = str.substringFromIndex(indexForCharacterInString!) 
    timeStr.removeAtIndex(str.characters.indices.first!) 
    lblTime.text = timeStr 
    lblTime.textColor = UIColor.yellowColor() 
    cell.addSubview(lblTime) 

    let lblHomName = UILabel(frame: CGRectMake(20,lblDate.frame.origin.y + lblDate.frame.size.height,self.frame.size.width/2 - 30,25)) 
    lblHomName.font = const.smallFont 
    lblHomName.text = gamesArray[cellArrayIndex]["HomeName"] as? String 


    let HcapLine = gamesArray[cellArrayIndex]["HcapLine"] as? Int 
    if(HcapLine < 0){ 
     lblHomName.textColor = UIColor.redColor() 
    } 
    else{ 
     lblHomName.textColor = const.lblColorSTD 
    } 
    cell.addSubview(lblHomName) 

    let lblAwayName = UILabel(frame: CGRectMake(self.frame.width/2 + 20,lblDate.frame.origin.y + lblDate.frame.size.height,self.frame.size.width/2 - 30,25)) 
    lblAwayName.font = const.smallFont 
    lblAwayName.text = gamesArray[cellArrayIndex]["AwayName"] as? String 

    if(HcapLine < 0){ 
     lblAwayName.textColor = UIColor.redColor() 
    } 
    else{ 
     lblAwayName.textColor = const.lblColorSTD 
    } 
    cell.addSubview(lblAwayName) 

    let lblHC = UILabel(frame: CGRectMake(cell.frame.width/2 - 80,lblAwayName.frame.origin.y + lblAwayName.frame.size.height,self.frame.size.width/2 - 30,25)) 
    lblHC.text = "Handicap" 
    lblHC.textColor = UIColor.redColor() 
    lblHC.font = const.smallBoldFont 
    cell.addSubview(lblHC) 

    let lblTL = UILabel(frame: CGRectMake(cell.frame.width/2 + 40,lblAwayName.frame.origin.y + lblAwayName.frame.size.height,self.frame.size.width/2 - 30,25)) 
    lblTL.text = "Total Line" 
    lblTL.textColor = UIColor.redColor() 
    lblTL.font = const.smallBoldFont 
    cell.addSubview(lblTL) 

    //***** end if fixed fields block 

    //*************************************** 
    //***** Build the lines of the cell ***** 
    //*************************************** 
print("gamesArray.count: ",gamesArray.count) 
    let NumberOfLines = numOfGamesArray[indexPath.row] as! Int 

    indexInGamesArray = (cellsPointerArray[indexPath.row] as! Int) //- 1 
    print("indexPath.row:",indexPath.row) 
    print("NumberOfLines:" ,NumberOfLines) 


    for(var i = 0;i <= NumberOfLines; i++){ 

     let lineMultiplayer = CGFloat(i) 

     let gameView = UIView(frame: CGRectMake(0,CGFloat(i * 60) + lblTL.frame.origin.y + lblTL.frame.height ,cell.frame.width,60)) 

     let lblH = UILabel(frame: CGRectMake(0,lineMultiplayer * 25,teamSignWidth,25)) 
     print ("blH.frame.origin.y: ",lblH.frame.origin.y) 
     lblH.text = " H" 
     lblH.textColor = const.lblColorSTD 
     lblH.font = const.smallFont 
     gameView.addSubview(lblH) 

     let lblHcapLine = UILabel(frame: CGRectMake(lblH.frame.origin.x + lblH.frame.width, lblH.frame.origin.y,btnWidth,25)) 
     lblHcapLine.layer.borderColor = const.lblColorSTD.CGColor 
     lblHcapLine.layer.borderWidth = 1 
     lblHcapLine.textColor = const.lblColorSTD 
     lblHcapLine.font = const.stdLblFont 
     print("gamesArray[indexInGamesArray][\"HcapLine\"]:" ,gamesArray[indexInGamesArray]["HcapLine"]) 
     print("indexInGamesArray: ",indexInGamesArray) 
     lblHcapLine.text = (gamesArray[indexInGamesArray]["HcapLine"])!!.description 
     lblHcapLine.textAlignment = NSTextAlignment.Center 
     gameView.addSubview(lblHcapLine) 

     cell.addSubview(gameView) 
     indexInGamesArray++ 

    } 
    cellArrayIndex = 0 

    //***** Build the lines of the cell block end 

    return cell 
} 

Answer 1

Прежде всего, спасибо всем, все ответы содержат решение в них, я прекратил удаление всех подзонов из ячейки, потому что это динамическая ячейка, которая может содержать в себе различное количество полей, и я не знаю, сколько из них им больно еще раз спасибо всем!

Answer 2

Вы добавляете метки как подвид в UITableViewCell Но когда повторно клетка это снова добавляет метки, как подвид в клетке, но метка, которую добавляют до сих пор там так что вам нужно удалить ярлык из uitableview, прежде чем добавлять это как subview. например.

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { 

    cellArrayIndex = cellsPointerArray[indexPath.row] as! Int 

    let cell = self.tableView.dequeueReusableCellWithIdentifier("gameCell",forIndexPath: indexPath) as UITableViewCell 

    var indexInGamesArray = 0 
    let btnWidth = CGFloat((cell.frame.width/100) * 20) 
    let teamSignWidth = CGFloat((cell.frame.width/100) * 4) 
    let gapWidth = CGFloat((cell.frame.width/100) * 3) 

    //***** fixet fields iv every cell 
    let lblTop = UILabel(frame: CGRectMake(0 ,0,self.frame.size.width, 25)) 
    lblTop.backgroundColor = UIColor(red: 88/255, green: 88/255, blue: 88/255, alpha: 1) 

    for let view in cell.subviews 
    { 
     if view isKindOfClass: [UILabel Class] 
     { 
      [view removeFromSuperview]; 
     } 

    } 

    cell.addSubview(lblTop) 


    return cell; 
} 

Answer 3

Что dequeueReusableCellWithIdentifier делает перерабатывает старые ячейки, чтобы использовать снова, если он уже был создан, чтобы. Так что ваш код сделал, добавляя subviews к ячейкам, а затем, когда вы прокручиваете его, перерабатывайте старые ячейки и снова добавляйте к нему дополнительные подпрограммы, чтобы они перекрывались.

Что вы должны сделать, это спроектировать все подвиды в раскадровке и cellForRowAtIndexPath вы только установить данные http://www.raywenderlich.com/50308/storyboards-tutorial-in-ios-7-part-1

Answer 4

клетку из очереди не nil. Поэтому, когда ячейка повторно используется, вы добавляете больше UILabel в верхней части UILabel s, которые уже существуют.

Answer 5

Это самая неприятная проблема, с которой я столкнулся во время моей ранней разработки iOS Swift. Я пробовал почти все, но ничего не работало отлично. Затем, после более чем недели исследований, я нашел эту небесную быструю библиотеку с открытым исходным кодом, названную Kingfisher on github, которая исправила эту проблему. Он также использует асинхронный кеш изображения, который сделает ваше приложение намного быстрее.
Github link