如何创建具有复杂内容的 UITableViewCells 以保持滚动流畅

Question

我正在做一个项目，我有一个 table 视图，其中包含许多内容非常复杂的单元格。它通常不会超过两个，但在例外情况下最多 - 比方说 - 30 个。这些复杂单元格中的每一个都包含一个折线图。为此，我正在使用 ios-图表 (https://github.com/danielgindi/ios-charts)。

视图控制器的内容如下所示：

我在 viewController 的 cellForRowAtIndexPath 方法中用于使单元格出列的代码如下所示：

var cell = tableView.dequeueReusableCellWithIdentifier("PerfgraphCell", forIndexPath: indexPath) as? UITableViewCell
if cell == nil {
    let nib:Array = NSBundle.mainBundle().loadNibNamed("PerfgraphCell", owner: self, options: nil)
    cell = nib[0] as? FIBPerfgraphCell
}

cell.setupWithService(serviceObject, andPerfdataDatasourceId: indexPath.row - 1)
return cell!

并且在单元格的代码中，我有一个方法 "setupWithService"，它从一个已经存在的对象 "serviceObject" 中提取数据源并初始化图形的绘制，如下所示：

func setupWithService(service: ServiceObjectWithDetails, andPerfdataDatasourceId id: Int) {

    let dataSource = service.perfdataDatasources[id]
    let metadata = service.perfdataMetadataForDatasource(dataSource)

    if metadata != nil {
        if let lineChartData = service.perfdataDatasourcesLineChartData[dataSource] {

            println("starting drawing for \(lineChartData.dataSets[0].yVals.count) values")

            chartView.data = lineChartData
        }
    }
}

现在的问题是：根据要在图表中绘制的值的数量（100 到 2000 之间），绘图似乎变得相当复杂。用户注意到，当他向下滚动时：一旦包含如此复杂图表的单元格要出列，滚动就会卡住一小会儿，直到图表被初始化。那当然是丑陋的！

对于这种情况，如果视图控制器接收到绘图所需的数据并仅拉取相应的单元格，那么不按需使单元格出队而是预定义它们并将它们保存在数组中是否有意义在需要的时候离开这个数组？或者有没有办法使图表的初始化异步，以便单元格立即存在，但图表会在 "ready" 时出现？

感谢您的回复！

Answer 1

您尝试做的事情在某种情况下不可避免地会遇到一些严重的性能问题。将所有单元格（及其数据存储到内存中）将很快耗尽应用程序的可用内存。另一方面，出列和重新加载会在某些设备上产生延迟，正如您现在所经历的那样。您最好重新考虑应用程序的架构，方法是：

1- 预先计算图表并将它们导出为图像。将图像加载到单元格中和从单元格中加载图像将减少性能的降低。

2- 将 table 视图变成一个向下钻取菜单，一次只显示一个图表。

希望对您有所帮助！

如何创建具有复杂内容的 UITableViewCells 以保持滚动流畅

How to create UITableViewCells with complex content in order to keep scrolling fluent

ios

swift

uitableview

cocoa-touch

ios-charts