在iOS應(yīng)用中,UITableView應(yīng)該是使用率最高的視圖之一了。ipod、時(shí)鐘、日歷、備忘錄、Mail、天氣、照片、電話、短信、 Safari、App Store、iTunes、Game Center?幾乎所有自帶的應(yīng)用中都能看到它的身影,可見它的重要性。
然而在使用第三方應(yīng)用時(shí),卻經(jīng)常遇到性能上的問(wèn)題,普遍表現(xiàn)在滾動(dòng)時(shí)比較卡,特別是table cell中包含圖片的情況時(shí)。
實(shí)際上只要針對(duì)性地優(yōu)化一下,這種問(wèn)題就不會(huì)有了。有興趣的可以看看 LazyTableImages這個(gè)官方的例子程序,雖然也要從網(wǎng)上下載圖片并顯示,但滾動(dòng)時(shí)絲毫不卡。
下面就說(shuō)說(shuō)我對(duì)UITableView的了解。不過(guò)由于我也是初學(xué)者,或許會(huì)說(shuō)錯(cuò)或遺漏一些,因此僅供參考。
首先說(shuō)下UITableView的原理。有興趣的可以看看 《About Table Views in iOS-Based applications》。
UITableView是UIScrollView的子類,因此它可以自動(dòng)響應(yīng)滾動(dòng)事件(一般為上下滾動(dòng))。
它 內(nèi)部包含0到多個(gè)UITableViewCell對(duì)象,每個(gè)table cell展示各自的內(nèi)容。當(dāng)新cell需要被顯示時(shí),就會(huì)調(diào)用tableView:cellForRowAtIndexPath:方法來(lái)獲取或創(chuàng)建一個(gè) cell;而不可視時(shí),它又會(huì)被釋放。由此可見,同一時(shí)間其實(shí)只需要存在一屏幕的cell對(duì)象即可,不需要為每一行創(chuàng)建一個(gè)cell。
此 外,UITableView還可以分為多個(gè)sections,每個(gè)區(qū)段都可以有自己的head、foot和cells。而在定位一個(gè)cell時(shí),就需要2 個(gè)字段了:在哪個(gè)section,以及在這個(gè)section的第幾行。這在iOS SDK中是用NSIndexPath來(lái)表述的,UIKit為其添加了indexPathForRow:inSection:這個(gè)創(chuàng)建方法。
其他諸如編輯之類的就不提了,因?yàn)楹捅疚臒o(wú)關(guān)。
介紹完原理,接下來(lái)就開始優(yōu)化吧。
static NSString *CellIdentifier = @"xxx"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];if (cell == nil) { cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; }值得一提的是,cell被重用時(shí),它內(nèi)部繪制的內(nèi)容并不會(huì)被自動(dòng)清除,因此你可能需要調(diào)用setNeedsDisplayInRect:或setNeedsDisplay方法。- (void)drawRect:(CGRect)rect { if (image) { [image drawAtPoint:imagePoint]; self.image = nil; } else { [placeHolder drawAtPoint:imagePoint]; } [text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation]; }不過(guò)這樣一來(lái),你會(huì)發(fā)現(xiàn)選中一行后,這個(gè)cell就變藍(lán)了,其中的內(nèi)容就被擋住了。最簡(jiǎn)單的方法就是將cell的selectionStyle屬性設(shè)為UITableViewCellSelectionStyleNone,這樣就不會(huì)被高亮了。- (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; }此外,自動(dòng)載入更新數(shù)據(jù)對(duì)用戶來(lái)說(shuō)也很友好,這減少了用戶等待下載的時(shí)間。例如每次載入50條信息,那就可以在滾動(dòng)到倒數(shù)第10條以內(nèi)時(shí),加載更多信息:- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { if (count - indexPath.row < 10 && !updating) { updating = YES; [self update]; } }// update方法獲取到結(jié)果后,設(shè)置updating為NO還有一點(diǎn)要注意的就是當(dāng)圖片下載完成后,如果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; } }// 也可不遍歷,直接與頭尾相比較,看是否在中間即可。最后還是前面所說(shuō)過(guò)的insertRowsAtIndexPaths:withRowAnimation:方法,插入新行需要在主線程執(zhí)行,而一次插入很多行的話(例如50行),會(huì)長(zhǎng)時(shí)間阻塞主線程。而換成reloadData方法的話,瞬間就處理完了。新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注