IOS TableView Cell重用機制及TableView

IOS TableView Cell重用機制及TableView經常使用Code2013-03-28 10:36:47      我來講兩句       做者:lianbaixue 收藏     我要投稿


建立UITableViewController子類的實例後,IDE生成的代碼中有以下段落: php

[cpp] view plaincopy - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
  static NSString *CellIdentifier = [NSString stringWithFormat:@"Cell"]; 
  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
  if (cell == nil) { 
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; 
  } 
  //config the cell  
  return cell; 

  這裏就涉及了TableView的重用機制,爲了作到顯示和數據分離,IOS tableView的實現而且不是爲每一個數據項建立一個tableCell。而是隻建立屏幕可顯示最大個數的cell,而後重複使用這些cell,對cell作單獨的顯示配置,來達到既不影響顯示效果,又能充分節約內容的目的。下面簡要分析一下它的實現原理。 html

 


重用實現分析 數組

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

  TableView顯示之初,reusableTableCells爲空,那麼tableView dequeueReusableCellWithIdentifier:CellIdentifier返回nil。開始的cell都是經過[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]來建立,並且cellForRowAtIndexPath只是調用最大顯示cell數的次數。 spa

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

  1. 用[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]建立10次cell,並給cell指定一樣的重用標識(固然,能夠爲不一樣顯示類型的cell指定不一樣的標識)。而且10個cell所有都加入到visiableCells數組,reusableTableCells爲空。 orm

  2. 向下拖動tableView,當cell1徹底移出屏幕,而且cell11(它也是alloc出來的,緣由同上)徹底顯示出來的時候。cell11加入到visiableCells,cell1移出visiableCells,cell1加入到reusableTableCells。 htm

  3. 接着向下拖動tableView,由於reusableTableCells中已經有值,因此,當須要顯示新的cell,cellForRowAtIndexPath再次被調用的時候,tableView dequeueReusableCellWithIdentifier:CellIdentifier,返回cell1。cell1加入到visiableCells,cell1移出reusableTableCells;cell2移出visiableCells,cell2加入到reusableTableCells。以後再須要顯示的Cell就能夠正常重用了。 索引

  因此整個過程並不難理解,但須要注意正是由於這樣的緣由:配置Cell的時候必定要注意,對取出的重用的cell作從新賦值,不要遺留老數據。 事件

一些狀況

  使用過程當中,我注意到,並非只有拖動超出屏幕的時候纔會更新reusableTableCells表,還有:

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

  2. reloadRowsAtIndex,刷新指定的IndexPath。若是調用時reusableTableCells爲空,那麼cellForRowAtIndexPath調用後,是新建立cell,新的cell加入到visiableCells。老的cell移出visiableCells,加入到reusableTableCells。因而,以後的刷新就有cell作reuse了。

 


TableView經常使用 code


-、創建 UITableView

 DataTable = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 320, 420)];  [DataTable setDelegate:self];  [DataTable setDataSource:self];  [self.view addSubview:DataTable];  [DataTable release];   2、UITableView各Method說明   //Section總數 - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{  return TitleData; }   // Section Titles //每一個section顯示的標題 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{  return @""; }   //指定有多少個分區(Section),默認爲1 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {  return 4; }   //指定每一個分區中有多少行,默認爲1 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ }   //繪製Cell -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *SimpleTableIdentifier = @"SimpleTableIdentifier";       UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:                              SimpleTableIdentifier];     if (cell == nil) {          cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier: SimpleTableIdentifier] autorelease];  }  cell.imageView.image=image;//未選cell時的圖片  cell.imageView.highlightedImage=highlightImage;//選中cell後的圖片  cell.text=//.....  return cell; }   //行縮進 -(NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath{  NSUInteger row = [indexPath row];  return row; }   //改變行的高度 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{     return 40; }   //定位 [TopicsTable setContentOffset:CGPointMake(0, promiseNum * 44 + Chapter * 20)];   //返回當前所選cell NSIndexPath *ip = [NSIndexPath indexPathForRow:row inSection:section]; [TopicsTable selectRowAtIndexPath:ip animated:YES scrollPosition:UITableViewScrollPositionNone];   [tableView setSeparatorStyle:UITableViewCellSelectionStyleNone];   //選中Cell響應事件 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{  [tableView deselectRowAtIndexPath:indexPath animated:YES];//選中後的反顯顏色即刻消失 }   //判斷選中的行(阻止選中第一行) -(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath {     NSUInteger row = [indexPath row];     if (row == 0)         return nil;        return indexPath; }   //划動cell是否出現del按鈕 - (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath { }   //編輯狀態 - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath { } [topicsTable setContentSize:CGSizeMake(0,controller.promiseNum * 44)]; //右側添加一個索引表 - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{ } //返回Section標題內容 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{ } //自定義划動時del按鈕內容 - (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath //跳到指的row or section [tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] atScrollPosition:UITableViewScrollPositionBottom animated:NO]; 3、在UITableViewCell上創建UILable多行顯示 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {     static NSString *CellIdentifier = @"Cell";       UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];     if (cell == nil) {         cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];   UILabel *Datalabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, 320, 44)];   [Datalabel setTag:100];   Datalabel.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;   [cell.contentView addSubview:Datalabel];   [Datalabel release];  }  UILabel *Datalabel = (UILabel *)[cell.contentView viewWithTag:100];  [Datalabel setFont:[UIFont boldSystemFontOfSize:18]];  Datalabel.text = [data.DataArray objectAtIndex:indexPath.row];  cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;     return cell; } //選中cell時的顏色 typedef enum {     UITableViewCellSelectionStyleNone,     UITableViewCellSelectionStyleBlue,     UITableViewCellSelectionStyleGray } UITableViewCellSelectionStyle //cell右邊按鈕格式 typedef enum {     UITableViewCellAccessoryNone,                   // don't show any accessory view     UITableViewCellAccessoryDisclosureIndicator,    // regular chevron. doesn't track     UITableViewCellAccessoryDetailDisclosureButton, // blue button w/ chevron. tracks     UITableViewCellAccessoryCheckmark               // checkmark. doesn't track } UITableViewCellAccessoryType //是否加換行線 typedef enum {     UITableViewCellSeparatorStyleNone,     UITableViewCellSeparatorStyleSingleLine } UITableViewCellSeparatorStyle//改變換行線顏色 tableView.separatorColor = [UIColor blueColor];

相關文章
相關標籤/搜索