优化TableView性能

优化tableView性能（针对滑动时出现卡的现象）

 (2013-08-02 11:18:15)

                        转载▼

标签：  ios   tableview   it

分类： 技术文档

在iOS应用中，UITableView应该是使用率最高的视图之一了。iPod、时钟、日历、备忘录、Mail、天气、照片、电话、短信、 Safari、App Store、iTunes、Game Center⋯几乎全部自带的应用中都能看到它的身影，可见它的重要性。 
然而在使用第三方应用时，却常常遇到性能上的问题，广泛表如今滚动时比较卡，特别是table cell中包含图片的状况时。 
实际上只要针对性地优化一下，这种问题就不会有了。有兴趣的能够看看 LazyTableImages这个官方的例子程序，虽然也要从网上下载图片并显示，但滚动时丝绝不卡。 
下面就说说我对UITableView的了解。不过因为我也是初学者，或许会说错或遗漏一些，所以仅供参考。 

首先说下UITableView的原理。有兴趣的能够看看 《About Table Views in iOS-Based Applications》。 
UITableView是UIScrollView的子类，所以它能够自动响应滚动事件（通常为上下滚动）。 
它 内部包含0到多个UITableViewCell对象，每一个table cell展现各自的内容。当新cell须要被显示时，就会调用tableView:cellForRowAtIndexPath:方法来获取或建立一个 cell；而不可视时，它又会被释放。因而可知，同一时间其实只须要存在一屏幕的cell对象便可，不须要为每一行建立一个cell。 
此 外，UITableView还能够分为多个sections，每一个区段均可以有本身的head、foot和cells。而在定位一个cell时，就须要2 个字段了：在哪一个section，以及在这个section的第几行。这在iOS SDK中是用NSIndexPath来表述的，UIKit为其添加了indexPathForRow:inSection:这个建立方法。 
其余诸如编辑之类的就不提了，由于和本文无关。 

介绍完原理，接下来就开始优化吧。 

1. 使用不透明视图。
   不透明的视图能够极大地提升渲染的速度。所以如非必要，能够将table cell及其子视图的opaque属性设为YES（默认值）。
   其中的特例包括背景色，它的alpha值应该为1（例如不要使用clearColor）；图像的alpha值也应该为1，或者在画图时设为不透明。
2. 不要重复建立没必要要的table cell。
   前面说了，UITableView只须要一屏幕的UITableViewCell对象便可。所以在cell不可见时，能够将其缓存起来，而在须要时继续使用它便可。
   而UITableView也提供了这种机制，只须要简单地设置一个identifier便可：
   
   

static NSString *CellIdentifier = @"xxx"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];if (cell == nil) { cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; }

值得一提的是，cell被重用时，它内部绘制的内容并不会被自动清除，所以你可能须要调用setNeedsDisplayInRect:或setNeedsDisplay方法。
此 外，在添加table cell的时候，若是不须要动画效果，最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法，而是直接调 用reloadData方法。由于前者会对全部indexPaths调用tableView:cellForRowAtIndexPath:方法，即使该 cell并不须要显示（不知道是否是bug），这就可能建立大量多余的cell。勘误：只是在模拟器上测试如此，真机调试时没有这种bug。

1. 减小视图的数目。
   UITableViewCell包含了textLabel、detailTextLabel和imageView等view，而你还能够自定义一些视图放在它的contentView里。然而view是很大的对象，建立它会消耗较多资源，而且也影响渲染的性能。
   若是你的table cell包含图片，且数目较多，使用默认的UITableViewCell会很是影响性能。奇怪的是，使用自定义的view，而非预约义的view，明显会快些。
   固然，最佳的解决办法仍是继承UITableViewCell，并在其drawRect:中自行绘制：
   
   

- (void)drawRect:(CGRect)rect { if (image) { [image drawAtPoint:imagePoint]; self.image = nil; } else { [placeHolder drawAtPoint:imagePoint]; } [text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation]; }

不过这样一来，你会发现选中一行后，这个cell就变蓝了，其中的内容就被挡住了。最简单的方法就是将cell的selectionStyle属性设为UITableViewCellSelectionStyleNone，这样就不会被高亮了。
此 外还能够建立CALayer，将内容绘制到layer上，而后对cell的contentView.layer调用addSublayer:方法。这个例 子中，layer并不会显著影响性能，但若是layer透明，或者有圆角、变形等效果，就会影响到绘制速度了。解决办法可参见后面的预渲染图像。

1. 不要作多余的绘制工做。
   在实现drawRect:的时候，它的rect参数就是须要绘制的区域，这个区域以外的不须要进行绘制。
   例如上例中，就能够用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判断是否须要绘制image和text，而后再调用绘制方法。
2. 预渲染图像。
   你会发现即便作到了上述几点，当新的图像出现时，仍然会有短暂的停顿现象。解决的办法就是在bitmap context里先将其画一遍，导出成UIImage对象，而后再绘制到屏幕，详细作法可见《利用预渲染加速iOS设备的图像显示》。
3. 不要阻塞主线程。
   作到前几点后，你的table view滚动时应该足够流畅了，不过你仍可能让用户感到不爽。常见的现象就是在更新数据时，整个界面卡住不动，彻底不响应用户请求。
   出现这种现象的缘由就是主线程执行了耗时很长的函数或方法，在其执行完毕前，没法绘制屏幕和响应用户请求。其中最多见的就是网络请求了，它一般都须要花费数秒的时间，而你不该该让用户等待那么久。
   解 决办法就是使用多线程，让子线程去执行这些函数或方法。这里面还有一个学问，当下载线程数超过2时，会显著影响主线程的性能。所以在使用 ASIHTTPRequest时，能够用一个NSOperationQueue来维护下载请求，并将其 maxConcurrentOperationCount设为2。而NSURLRequest则能够配合GCD来实现，或者使用NSURLConnection的setDelegateQueue:方法。
   固然，在不须要响应用户请求时，也能够增长下载线程数，以加快下载速度：
   
   

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate { if (!decelerate) { queue.maxConcurrentOperationCount = 5; } } - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { queue.maxConcurrentOperationCount = 5; } - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView { queue.maxConcurrentOperationCount = 2; }

 此外，自动载入更新数据对用户来讲也很友好，这减小了用户等待下载的时间。例如每次载入50条信息，那就能够在滚动到倒数第10条之内时，加载更多信息：

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { if (count - indexPath.row < 10 && !updating) { updating = YES; [self update]; } }// update方法获取到结果后，设置updating为NO

还有一点要注意的就是当图片下载完成后，若是cell是可见的，还须要更新图像：

NSArray *indexPaths = [self.tableView indexPathsForVisibleRows];for (NSIndexPath *visibleIndexPath in indexPaths) { if (indexPath == visibleIndexPath) { MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath]; cell.image = image; [cell setNeedsDisplayInRect:imageRect]; break; } }// 也可不遍历，直接与头尾相比较，看是否在中间便可。

最后仍是前面所说过的insertRowsAtIndexPaths:withRowAnimation:方法，插入新行须要在主线程执行，而一次插入不少行的话（例如50行），会长时间阻塞主线程。而换成reloadData方法的话，瞬间就处理完了。