iOS-UITableviewCell的重用機制

TableView的重用機制,為了做到顯示和數據分離,IOS tableView的實現并且不是為每個數據項創建一個tableCell。而是只創建屏幕可顯示最大個數的cell,然后重復使用這些cell,對cell做單獨的顯示配置,來達到既不影響顯示效果,又能充分節約內容的目的。下面簡要分析一下它的實現原理。

重用實現分析:

查看UITableView頭文件,會找到NSMutableArray* visiableCells,和NSMutableDictnery* reusableTableCells兩個結構。visiableCells內保存當前顯示的cellsreusableTableCells保存可重用的cells。

TableView顯示之初,reusableTableCells為空,那么tableView dequeueReusableCellWithIdentifier:CellIdentifier返回nil。開始的cell都是通過[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]來創建,而且cellForRowAtIndexPath只是調用最大顯示cell數的次數。

比如:有100條數據,iPhone一屏最多顯示10個cell。程序最開始顯示TableView的情況是:

1. 用[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]創建10次cell,并給cell指定同樣的重用標識(當然,可以為不同顯示類型的cell指定不同的標識)。并且10個cell全部都加入到visiableCells數組,reusableTableCells為空。

2. 向下拖動tableView,當cell1完全移出屏幕,并且cell11(它也是alloc出來的,原因同上)完全顯示出來的時候。cell11加入到visiableCellscell1移出visiableCellscell1加入到reusableTableCells

3. 接著向下拖動tableView,因為reusableTableCells中已經有值,所以,當需要顯示新的cellcellForRowAtIndexPath再次被調用的時候,tableView dequeueReusableCellWithIdentifier:CellIdentifier,返回cell1cell1加入到visiableCellscell1移出reusableTableCellscell2移出visiableCellscell2加入到reusableTableCells。之后再需要顯示的Cell就可以正常重用了。

所以整個過程并不難理解,但需要注意正是因為這樣的原因:配置Cell的時候一定要注意,對取出的重用的cell做重新賦值,不要遺留老數據。

一些情況:

使用過程中,我注意到,并不是只有拖動超出屏幕的時候才會更新reusableTableCells表,還有:

1. reloadData,這種情況比較特殊。一般是部分數據發生變化,需要重新刷新cell顯示的內容時調用。在cellForRowAtIndexPath調用中,所有cell都是重用的。我估計reloadData調用后,把visiableCells中所有cell移入reusableTableCellsvisiableCells清空。cellForRowAtIndexPath調用后,再把reuse的cell從reusableTableCells取出來,放入到visiableCells

2. reloadRowsAtIndex,刷新指定的IndexPath。如果調用時reusableTableCells為空,那么cellForRowAtIndexPath調用后,是新創建cell,新的cell加入到visiableCells。老的cell移出visiableCells,加入到reusableTableCells。于是,之后的刷新就有cell做reuse了。

注意:

1-重取出來的cell是有可能已經捆綁過數據或者加過子視圖的,所以,如果有必要,要清除數據(比如textlabeltext)和remove掉add過的
子視圖(使用tag)。
2-這樣設計的目的是為了避免頻繁的 allocdelloc cell對象而已,沒有多復雜。
3-設計的關鍵是實現cell和數據的完全分離

重點:避免重用機制出錯

1.重用機制調用的就是dequeueReusableCellWithIdentifier這個方法,方法的意思就是“出列可重用的cell”,因而只要將它換為cellForRowAtIndexPath(只從要更新的cell的那一行取出cell),就可以不使用重用機制,因而問題就可以得到解決,但會浪費一些空間

2.為每個cell指定不同的重用標識符(reuseIdentifier)來解決。重用機制是根據相同的標識符來重用cell的,標識符不同的cell不能彼此重用。

    NSString *identifier = [NSString stringWithFormat:@"TimeLineCell%d%d",indexPath.section,indexPath.row]; 

3.刪除重用的cell的所有子視圖,從而得到一個沒有特殊格式的cell,供其他cell重用。

    if (cell == nil) {   
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];   
        }   
        else   
        {   
            //刪除cell的所有子視圖   
            while ([cell.contentView.subviews lastObject] != nil)   
            {   
                [(UIView*)[cell.contentView.subviews lastObject] removeFromSuperview];   
            }   
        }

常規配置如下 當超過tableView顯示的范圍的時候 后面顯示的內容將會和前面重復

// 這樣配置的話超過頁面顯示的內容會重復出現

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 定義唯一標識
    static NSString *CellIdentifier = @"Cell";
    // 通過唯一標識創建cell實例
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    // 判斷為空進行初始化  --(當拉動頁面顯示超過主頁面內容的時候就會重用之前的cell,而不會再次初始化)
    if (!cell) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
    }
    // 對cell 進行簡單地數據配置
    cell.textLabel.text = @"text";
    cell.detailTextLabel.text = @"text";
    cell.imageView.image = [UIImage imageNamed:@"4.png"];
    
    return cell;
}

//通過以下3方案可以解決

方案一 取消cell的重用機制,通過indexPath來創建cell 將可以解決重復顯示問題 不過這樣做相對于大數據來說內存就比較吃緊了

// 方案一 通過不讓他重用cell 來解決重復顯示

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 定義唯一標識
    static NSString *CellIdentifier = @"Cell";
    // 通過indexPath創建cell實例 每一個cell都是單獨的
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
    // 判斷為空進行初始化  --(當拉動頁面顯示超過主頁面內容的時候就會重用之前的cell,而不會再次初始化)
    if (!cell) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
    }
    // 對cell 進行簡單地數據配置
    cell.textLabel.text = @"text";
    cell.detailTextLabel.text = @"text";
    cell.imageView.image = [UIImage imageNamed:@"4.png"];
    
    return cell;
}

方案二 讓每個cell都擁有一個對應的標識 這樣做也會讓cell無法重用 所以也就不會是重復顯示了 顯示內容比較多時內存占用也是比較多的和方案一類似

同樣通過不讓他重用cell 來解決重復顯示 不同的是每個cell對應一個標識

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 定義cell標識  每個cell對應一個自己的標識
    NSString *CellIdentifier = [NSString stringWithFormat:@"cell%ld%ld",indexPath.section,indexPath.row];
    // 通過不同標識創建cell實例
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    // 判斷為空進行初始化  --(當拉動頁面顯示超過主頁面內容的時候就會重用之前的cell,而不會再次初始化)
    if (!cell) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
    }
    // 對cell 進行簡單地數據配置
    cell.textLabel.text = @"text";
    cell.detailTextLabel.text = @"text";
    cell.imageView.image = [UIImage imageNamed:@"4.png"];
    
    return cell;
}

方案三 只要最后一個顯示的cell內容不為空,然后把它的子視圖全部刪除,等同于把這個cell單獨出來了 然后跟新數據就可以解決重復顯示

當頁面拉動需要顯示新數據的時候,把最后一個cell進行刪除 就有可以自定義cell 此方案即可避免重復顯示,又重用了cell相對內存管理來說是最好的方案 前兩者相對比較消耗內存

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 定義唯一標識
    static NSString *CellIdentifier = @"Cell";
    // 通過唯一標識創建cell實例
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
   
    // 判斷為空進行初始化  --(當拉動頁面顯示超過主頁面內容的時候就會重用之前的cell,而不會再次初始化)
    if (!cell) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
    }
    else//當頁面拉動的時候 當cell存在并且最后一個存在 把它進行刪除就出來一個獨特的cell我們在進行數據配置即可避免
    {
        while ([cell.contentView.subviews lastObject] != nil) {
            [(UIView *)[cell.contentView.subviews lastObject] removeFromSuperview];
        }
    }
    // 對cell 進行簡單地數據配置
    cell.textLabel.text = @"text";
    cell.detailTextLabel.text = @"text";
    cell.imageView.image = [UIImage imageNamed:@"4.png"];
    
    return cell;
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容