今天在研究SDWebImage和ASIHTTPRequest實現網狀圖片非同步載入和本機快取的時候,在UITableView顯示圖片的時候,出現了一些奇異的現象,比如:
1、TableView一次只能顯示10行的圖片,在所有圖片都載入完後,滾動TableView,讓隱藏在下面的行顯示在螢幕上,而這些行(比如11行)的映像會先顯示第1行的圖片,然後在顯示屬於它自己的圖片。以此類推,後面的行都會出現這樣的問題!! 即使我們在所有行的圖片都還沒有下載完成的時候,滾動TableView,讓第11行、12行等出現在螢幕上,但它們依舊會先顯示錯誤的圖片,然後再顯示正確的圖片。
2、在ASIHTTPRequest的Demo中,當圖片載入後,滑動TableView,整個TableView的圖片將會亂掉,整個TableView以迴圈的方式顯示最後幾行的圖片。
一番尋找後,發現之所以會出現這些問題,是因為我忽略了UITableView的重用機制的影響。進過適當的修改後,demo終於能夠正常運行了。下面是一些相關的資料和解決方案。
=======================================================================
iphone重用機制是蘋果為了實現大量資料顯示而採用的一種節省記憶體的機制,比如在UITableView和ScrollView 等地方。為什麼要“可重用”???對於我們的項目來說,記憶體控制是必不可少的,如果一個tableview有幾百個cell,這個記憶體消耗是很大的,而且有些cell裡面都有image之類的很占記憶體的資源存在的話,那這樣很容易出現memory
warning甚至crash掉,這不是我們想要看到的。對此,tableview實現了它自己的管理方法dequeueReusableCellWithIdentifier(ps:我們在某些項目中scrollview來顯示很多張image,在scrollview滑動中也要這樣處理,來避免記憶體的過度消耗,只不過tableview它已經實現了這個方法,而不用我們自己去寫)。
但是在實際使用過程中,會有以下問題:
1、(蘋果文檔中不鼓勵我們在UITableViewCell中添加subView,最好採用自訂Cell,將需要的SubView添加到Cell當中。)使用addSubView在每項上添加視圖的時候會有重疊的現象。例如,UITableView中的Cell ,如果在cell上添加子視圖,則在使用蘋果的重用機制的時候,會重現子試圖重疊的現象。或出現開頭提到的兩個問題。如果在資料量不是很多的時候,可以手動屏蔽掉UITableView的重用機制。
這裡不得不提一下UITableView的重用機制:
UITableView的重用機制的實現關鍵在於下面這個的函數:
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
首先,我們要清楚這一點,這個函數是做什麼的,它的文檔說明如下:
returns a reusable table-view cell object located by its identifier。它返回的是一個受identifier管理定位的可重用的tableViewCell,這裡重點就在於“可重用”這3個字上。
我們來看它的實現方法,舉個例子來說,在系統剛啟動時,tableview可以顯示多少個cell,在這裡我們假定為10個,在剛開始的時候tableview會產生10個tableviewcell,並且對應有自己的tag值,假定為0-9。(ps:蘋果官方的視頻中也提到了,盡量避免頻繁的add/remove view或者控制項之類等。自訂啊自訂,相對於Android 空間的自訂,)所以採用下面的方法來實現:在tableview向上滾動的時候,tag為0的cell將不再顯示;然後我們把tag為0的cell移動到tag為9的cell下面,重新設定相關的屬性,然後將tag為1的cell移動到tag為0的cell下面……依此類推。這也就是所謂的“可重用”。
但是此時被移動的tag為0的cell的一些屬性還是保持不變的(包括之前添加的subView),因此就會出現一些無厘頭的bug(看了這麼多,到這裡是不是鬆了口氣? )。
接下來我們就要使用多種的方法來幹掉這個重用機制:
(1):
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell != nil) {
[cell release]; //怎麼樣?? 換了位置的Cell囂張不了了吧....
}
(2): //和(1)的方法本質一樣,略顯囉嗦。
UITableViewCell *cell =[tableView
dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:CellIdentifier]autorelease];
}
NSArray*subviews = [[NSArrayalloc]initWithArray:cell.contentView.subviews];
for (UIView *subview
in subviews) {
[subviewremoveFromSuperview];
}
[subviews release];
//customer
return cell;
}
(3)://丫的,組別都不一樣,看你怎麼重用。
NSString *CellIdentifier = [NSString stringWithFormat:@"cell%d",indexPath.row];
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil)
{
........
}
else{
return cell;
}
雖然幹掉了重構機制,但我還是時不時地會想念它,特別是在資料多的時候,使用重用機制會好對你的程式的記憶體使用量和最佳化都有很重要的作用。 但是這樣的話,如果想再cell上添加東西的話,重疊現象會很嚴重。好吧,魚和熊掌搭售方案啦啦!!使用xib給cell添加視圖來添加視圖吧......
具體步驟:
(1)建立一個基於UITableViewCell的類A和一個空白的xib。
(2)在A類中聲明要添加的視圖,例如IBOutlet UILabel *nameLabel,*timeLabel; ,注意:一要是使用 IBOutlet。
(3)將xib中的view刪除,拖一個
UITableViewCell,然後將這個UITableViewCell的類改為基於A。再把相應的視圖添在UITableViewCell上,並且與A類內定義的變數進行串連。這樣準備工作就完成了。
(4)使用方法:
A* cell = (A*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
NSArray* nib = [[NSBundle mainBundle] loadNibNamed:@"VideoCell" owner:self options:nil];
cell = [nib objectAtIndex:0];
}
然後只需在下面改變cell相應視圖的屬性就可以了。
補充:在使用地圖MKMapView一會使用到重用機制,如果想要在MKPinAnnotationView添加視圖的話,最好放棄那個重用機制,要不然效果會亂七八糟的(估計還有更好的處理方法)~~
什麼,你不喜歡用Xib?好吧,這個老外寫的UITableView的代碼,估計會合你的口味,實現方式如下:
1、cell中的釋放
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] init....] autorelease];
UITextField *field = ...;//初始化
[cell addSubView:field];//添加
[field release];//釋放
}
2、通過遍曆修改UILabel屬性
UITextField*field = nil;
for(UIView *v in cell.contentView.subviews)
{
if([v isMemberOfClass:[UILabel class]])
field = (UITextField *)v;
}
......//接下來修改field的屬性
這種方法不敢說好不好,但是給我們提供了一種解決的思路,看大家的喜好了```
嗯,不小心了弄了這麼個“長篇巨幅”,到處借鑒同時混加自己的東西,如有雷同,算我抄你的。
大家可以參考這篇文章:
http://hi.baidu.com/%CB%E6%B7%E7_1989/blog/item/077c8a944ae7a69ca877a41d.html
(不貼這連結的話,這個隨風_1989估計饒不了我...)