2017-08-08 131 views
-2

所以我有一個tableView與每個單元格中的一組按鈕。這些是用戶從中進行投票的選項。iOS,加載在tableView單元格中的圖表也會加載到另一個單元格中?

TableView with options

當用戶按下一個選項中,圖表的負載示出投票結果。

Poll results after button pressed

然而,當我向下滾動,圖表莫名其妙地出現在另一個的tableView細胞。該單元格中的按鈕都沒有被按下過。此外,圖表會使用第一個數據加載第二個單元格。我一直堅持這幾個小時,不知道這是爲什麼。

enter image description here

編輯:下面是的tableView

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

let cell = tableView.dequeueReusableCell(withIdentifier: "pollCell") as! PollCell 

let titled = titles[indexPath.row] 
    cell.configure(polltitled: titled, num: indexPath.row) 

return cell 
} 

代碼這裏是輪詢細胞的方法:

var ref = FIRDatabase.database().reference() 

var options = [String]() 
var counts = [Int]() 

self.loadedChart = false 

@IBOutlet weak var chart: HorizontalBarChartView! 

func configure(polltitled: String, num: Int) { 

    self.pollTitle.text = polltitled 
    self.row = num 
    self.runRemove() { (success) -> Void in 
     if success { 
      if (loadedChart == false) { 
       self.loadChart() 
      } 
     } 
     else { 

     } 
     } 
} 

func runRemove(completion:(_ success: Bool) -> Void) { 
     self.pollTitle.tag = 999 
     self.chart.tag = 998 

     for object in self.contentView.subviews { 
      if ((object.tag != 999) && (object.tag != 998)) { 
       object.removeFromSuperview() 

       } 

    } 

     completion(true) 
} 

func loadChart(){ 
    ref.child("poll").child(StaticVariables.currentEventQR).child(self.pollTitle.text!).observe(.value) { (snapshot: FIRDataSnapshot!) in 


     self.counts.removeAll() 
     self.options.removeAll() 
     for item in snapshot.children { 

      let childSnapshot = snapshot.childSnapshot(forPath: (item as AnyObject).key) 

      let option = childSnapshot.key 

      self.options.append(option) 

     } 
     self.loadCounts() 
     self.createButtons() 
    } 

} 

func loadCounts() { 

    for i in self.options { 
     self.ref.child("poll").child(StaticVariables.currentEventQR).child(self.pollTitle.text!).child(i).observe(.value) { (snapshot: FIRDataSnapshot!) in 

      for item in snapshot.children { 

        let childSnapshot = snapshot.childSnapshot(forPath: (item as AnyObject).key) 

        let countsValue = childSnapshot.value as? NSDictionary 
        let count = countsValue?["Counter"] as! Int 
        self.counts.append(count) 


      } 

     } 


    } 




} 

func createButtons() { 
    var i = 1 
    var height = 0 
    if ((self.pollTitle.text?.characters.count)! > 37){ 
     height = 22 
    } 
    for option in self.options{ 
     let btn: UIButton = UIButton(frame: CGRect(x: Int(self.contentView.frame.size.width - 320)/2, y: 59+60*(i-1)+height, width: 320, height: 33)) 
     if ((i)%2 == 1){ 
      btn.backgroundColor = UIColor.init(red: 253/255, green: 185/255, blue: 39/255, alpha: 1.0) 
     } else { 
      btn.backgroundColor = UIColor.init(red: 0/255, green: 107/255, blue: 182/255, alpha: 1.0) 
     } 

     btn.addTarget(self, action: #selector(PollCell.optionOne(_:)), for: .touchUpInside) 
     btn.tag = i 
     self.contentView.addSubview(btn) 
     btn.setTitle(option, for: .normal) 
     i += 1 

    } 
} 

@IBAction func optionOne(_ sender: UIButton) { 
    self.loadedChart = true 
    delegate.refresh(self.row) 
    self.options.reverse() 
    self.counts.reverse() 
    self.setChart(dataPoints: self.options, values: self.counts) 
    ref.child("poll").child(StaticVariables.currentEventQR).child(pollTitle.text!).child((sender.titleLabel?.text!)!).observeSingleEvent(of: .value, with: { (snapshot) in 


     let item = snapshot.children.allObjects[0] 
     let childSnapshot = snapshot.childSnapshot(forPath: (item as AnyObject).key) 

     let responseID = childSnapshot.key 
     let reponseValue = childSnapshot.value as? NSDictionary 
     var response = reponseValue?["Counter"] as! Int 
     response += 1 
     self.ref.child("poll").child(StaticVariables.currentEventQR).child(self.pollTitle.text!).child((sender.titleLabel?.text!)!).child("count").setValue(["Counter": response]) 

    }) 
    self.contentView.bringSubview(toFront: self.chart) 

} 


func setChart(dataPoints: [String], values: [Int]) { 

    self.chartHeight.constant = CGFloat((RowHeightCounter.sharedInstance.counters[row])*62+39) 

    chart.chartDescription?.text = "" 
    chart.noDataText = "" 
    var dataEntries: [BarChartDataEntry] = [] 

    for i in 0..<dataPoints.count { 
     let dataEntry = BarChartDataEntry(x: Double(i), y: Double(counts[i])) 
     dataEntries.append(dataEntry) 
    } 

    let chartDataSet = BarChartDataSet(values: dataEntries, label: "Votes") 
    let chartData = BarChartData(dataSet: chartDataSet) 
    chart.data = chartData 
    chart.xAxis.valueFormatter = IndexAxisValueFormatter(values: options) 

    chart.xAxis.granularity = 1 
    self.chart.alpha = 1.0 
    chart.animate(xAxisDuration: 2.0, yAxisDuration: 2.0, easingOption: .easeInBounce) 

} 
+0

似乎你有一個錯誤。祝你好運 –

+0

你是否異步加載圖表?你能告訴我們單元代碼嗎?我有一個想法是你的問題,但想先確認一下。 –

+0

剛剛編輯並添加了代碼。 – bigreddawg

回答

0

問題是UITableView再利用細胞,而不是一直創造新細胞。如果表格中有足夠的行,則會在滾動時看到該圖表出現無數次。

一旦將圖表添加到單元格中,它將一直存在,直到被移除爲止,因此每次單元格再次使用時,圖表就會在那裏。

UITableViewCell有一個簡便的方法,在即將被重用的時候得到celled,prepareForReuse()。實施此方法並重置需要重置的單元格中的任何內容,然後再次出現。

這確實意味着您可能需要重新考慮單元和數據源之間的接口。也許創建一個模型對象來保存問題和結果數據以及用戶是否回答。數據源可以包含一系列問題並將正確的問題傳遞給每個單元格。然後單元可以根據問題進行自我配置

在附註中,從問題轉換爲結果時,我不會刪除各種視圖。我將包含所有問題的東西在一個容器視圖和所有圖表的東西在另一個。然後根據需要在兩個容器上設置isHidden。這將保持您的滾動幀率更高。

相關問題