一.tableView的優化
tableView作為iOS開發中使用最為頻繁的控件之一,對其進行優化,對整個應用性能的提升顯得至關重要。官方設計的框架中,已經包含了UITableViewCell的重用機制。
但是,tableView優化除了cell的重用之外還有很多工作要做。
1,提前計算並緩存好行高。
cell行高不確定,需要根據內容來計算,tableView每次滾動時都會調用的兩個方法是:獲得cell的行高(cell大小)和cell中的內容。這樣的話,就很有必要把行高緩存起來,具體做法就是在模型中添加行高的屬性。要不然,每 次滾動都要重新計算行高。
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSDictionary *dict = self.dataList[indexPath.row];
CGRect rect = [dict[@"frame"] CGRectValue];
return rect.frame.height;
}
2,異步繪制,大幅提高性能。
cell上添加的控件,實質上系統都需要調用底層的接口進行繪制,當我們大量添加控件時,對資源的開銷也會很大,所以我們可以選擇直接繪制,調高效率。
//異步繪制
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
CGRect rect = [_data[@"frame"] CGRectValue];
UIGraphicsBeginImageContextWithOptions(rect.size, YES, 0);
CGContextRef context = UIGraphicsGetCurrentContext();
//整個內容的背景
[[UIColor colorWithRed:250/255.0 green:250/255.0 blue:250/255.0 alpha:1] set];
CGContextFillRect(context, rect);
//轉發內容的背景
if ([_data valueForKey:@"subData"]) {
[[UIColor colorWithRed:243/255.0 green:243/255.0 blue:243/255.0 alpha:1] set];
CGRect subFrame = [_data[@"subData"][@"frame"] CGRectValue];
CGContextFillRect(context, subFrame);
[[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:1] set];
CGContextFillRect(context, CGRectMake(0, subFrame.origin.y, rect.size.width, .5));
}
{
//名字
float leftX = SIZE_GAP_LEFT+SIZE_AVATAR+SIZE_GAP_BIG;
float x = leftX;
float y = (SIZE_AVATAR-(SIZE_FONT_NAME+SIZE_FONT_SUBTITLE+6))/2-2+SIZE_GAP_TOP+SIZE_GAP_SMALL-5;
[_data[@"name"] drawInContext:context withPosition:CGPointMake(x, y) andFont:FontWithSize(SIZE_FONT_NAME)
andTextColor:[UIColor colorWithRed:106/255.0 green:140/255.0 blue:181/255.0 alpha:1]
andHeight:rect.size.height];
//時間+設備
y += SIZE_FONT_NAME+5;
float fromX = leftX;
float size = [UIScreen screenWidth]-leftX;
NSString *from = [NSString stringWithFormat:@"%@ %@", _data[@"time"], _data[@"from"]];
[from drawInContext:context withPosition:CGPointMake(fromX, y) andFont:FontWithSize(SIZE_FONT_SUBTITLE)
andTextColor:[UIColor colorWithRed:178/255.0 green:178/255.0 blue:178/255.0 alpha:1]
andHeight:rect.size.height andWidth:size];
}
//將繪制的內容以圖片的形式返回,並調主線程顯示
UIImage *temp = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
dispatch_async(dispatch_get_main_queue(), ^{
if (flag==drawColorFlag) {
postBGView.frame = rect;
postBGView.image = nil;
postBGView.image = temp;
}
}
//內容如果是圖文混排,就添加View,用CoreText繪制
[self drawText];
}}
//按需加載 - 如果目標行與當前行相差超過指定行數,只在目標滾動范圍的前后指定3行加載。
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{
NSIndexPath *ip = [self indexPathForRowAtPoint:CGPointMake(0, targetContentOffset->y)];
NSIndexPath *cip = [[self indexPathsForVisibleRows] firstObject];
NSInteger skipCount = 8;
if (labs(cip.row-ip.row)>skipCount) {
NSArray *temp = [self indexPathsForRowsInRect:CGRectMake(0, targetContentOffset->y, self.width, self.height)];
NSMutableArray *arr = [NSMutableArray arrayWithArray:temp];
if (velocity.y<0) {
NSIndexPath *indexPath = [temp lastObject];
if (indexPath.row+33) {
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-3 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-2 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-1 inSection:0]];
}
}
[needLoadArr addObjectsFromArray:arr];
}
}
記得在tableView:cellForRowAtIndexPath:方法中加入判斷:
if (needLoadArr.count>0&&[needLoadArr indexOfObject:indexPath]==NSNotFound) {
[cell clear];
return;
}
滾動很快時,只加載目標范圍內的Cell,這樣按需加載,極大的提高流暢度。
4.使用不透明視圖。
不透明的視圖可以極大地提高渲染的速度。因此如非必要,可以將table cell及其子視圖的opaque屬性設為YES(默認值)。
其中的特例包括背景色,它的alpha值應該為1(例如不要使用clearColor);圖像的alpha值也應該為1,或者在畫圖時設為不透明。
當一個view是透明的,iOS需要渲染一個像素兩次或多次,這是因為一個像素同時屬於很多subviews。這是一個非常耗時的過程。
通過代碼或者InterfaceBuilder能夠很簡單的做到。開發者應該多次檢查所有的subviews是不透明的。
對於自定義代碼,你可以通過代碼來設置,如下:view.opaque = YES;
5.不要重復創建不必要的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方法。
6.減少subviews的數量,盡量少用addView給Cell動態添加View,可以初始化時就添加,然后通過hide來控制是否顯示
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透明,或者有圓角、變形等效果,就會影響到繪制速度了。解決辦法可參見后面的預渲染圖像。
7.不要做多余的繪制工作。
在實現drawRect:的時候,它的rect參數就是需要繪制的區域,這個區域之外的不需要進行繪制。
例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text,然后再調用繪制方法。
8.預渲染圖像。
你會發現即使做到了上述幾點,當新的圖像出現時,仍然會有短暫的停頓現象。解決的辦法就是在bitmap context里先將其畫一遍,導出成UIImage對象,然后再繪制到屏幕,詳細做法可見《利用預渲染加速iOS設備的圖像顯示》。
9.不要阻塞主線程。
做到前幾點后,你的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方法的話,瞬間就處理完了。
10減少預加載時間
- (UITableViewCell *)tableView:(UITableView *)tableViewcellForRowAtIndexPath:(NSIndexPath *)indexPath {
// Initialize and return the Cell here
}
通常,我會通過緩存來重用圖片,同時減少初始化的過程。當OS需要為TableView渲染一個新的cell,會通過調用下面的方法來返回一個新的cell:
因此,如果你在這里阻塞了太長的時間,UserInterface渲染的過程就會被阻塞;它將不能做任何事情或顯示任何新的東西。這就是為什么用戶看到在某個地方滾動停止的原因。
為了使這個過程盡可能的快,你可以去除一些邏輯,延遲計算,通過重用來緩存數據和圖片。另外一個方法是通過首先使用默認的圖片和數據來重用cell。當要獲取圖片或數據的時候,你可以使用多線程,然后稍后進行填充。從用戶的角度來看,這種方法將會使得滾動更加流程,加載圖片的速度更快。
11、避免使用圖形特效
避免在UIImage中使用復雜的圖形特效(例如漸變)。
