給iOS開發新手送點福利,簡述UITableView的屬性和用法

徐明清發表於2013-12-22

UITableView

UITableView內建了兩種樣式:UITableViewStylePlain,UITableViewStyleGrouped

 

<UITableViewDataSource,UITableViewDelegate>裡的方法:

tableView處理步驟

 1.有多少組

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

2.第section組頭部控制元件有多高

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

3.第section組有多少行

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

4.indexPath這行的cell有多高

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

5.indexPath這行的cell長什麼樣子

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

6.第section組頭部顯示什麼控制元件

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

 

//每當有一個cell進入視野螢幕就會呼叫,所以在這個方法內部就需要優化。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

  if(cell==nil){

       //在這裡面做建立的工作。迴圈優化。防止重新整理cell進入螢幕的時候重複的建立

  }

}

 

//當呼叫reloadData的時候,會重新重新整理呼叫資料來源內所有方法,其他事情都不會做呀

 [self reloadData]

 

 //這個方法只有在一開始有多少條資料才會算多少個高度,這個方法只會呼叫一次,但是每次reloadData的時候也會呼叫

 //而且會一次性算出所有cell的高度,比如有100條資料,一次性呼叫100次

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

 

-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView //右側索引

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath //行點選事件

 NSIndexPath *path = [self.tableView indexPathForSelectedRow]; //獲得被選中的indexPath可以得到section,row

  

[self.tableView reloadRowsAtIndexPaths:[self.tableView indexPathsForSelectedRows] withRowAnimation:UITableViewRowAnimationNone]; //重新整理table指定行的資料

        

   [self.tableView reloadData]; //重新整理table所有行的資料

 

UITableView常用屬性:

    UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, 320, 460) style:UITableViewStylePlain]; // 初始化表格

    分隔線屬性

tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine; //UITableViewCellSeparatorStyleNone;

[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone]; //取消分隔線

tableView.separatorColor = [UIColor lightGrayColor];

   

   // 條目多選

tableView.allowsMultipleSelection = YES;

    

    // 設定標題行高

[_tableView setSectionHeaderHeight:kHeaderHeight];

[_tableView setSectionFooterHeight:0];

 

    // 設定表格行高

 [_tableView setRowHeight:50];

 

//設定背景色

self.tableView.backgroundView  優先順序高,如果要設定backgroundColor的時候要先把view設定為nil

self.tableView.backgroundColor = [UIColor redColor];

 

//在tableView的頭部或者尾部新增view,footerView寬度是不用設定的

       xxxView.bounds = CGRectMake(0,0,0,height);

     self.tableView.tableFooterView =xxxView;

       self.tableView.tableHeaderView =xxxView;

 

增加tableview滾動區域

self.tableView.contentInset = UIEdgeInsetsMake(0, 0, xx, 0); 

UITableViewCell

//建立UITableViewCell         

UITableViewCell *cell = [[UITableViewCell alloc]

initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];

[cell.textLabel setBackgroundColor:[UIColor clearColor]];// 清空標籤背景顏色

cell.backgroundView =xx; //設定背景圖片

cell.backgroundVColor =xx;

cell.selectedBackgroundView = selectedBgView; //設定選中時的背景顏色

 

cell.accessoryView = xxxView; //設定右邊檢視

[cell setAccessoryType:UITableViewCellAccessoryNone]; //設定右側箭頭 

 

[self setSelectionStyle:UITableViewCellSelectionStyleNone]; //選中樣式

cell.selectionStyle = UITableViewCellSelectionStyleBlue;

 

//設定cell的高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

 

contentView下預設有3個子檢視,其中的2個是UILabel,通過textLabel和detailTextLabel屬性訪問,第3個是UIImageView,通過imageView屬性訪問.

UITableViewCellStyleDefault, UITableViewCellStyleValue1, UITableViewCellStyleValue2, UITableViewCellStyleSubtitle

 

#pragma mark - 重新調整UITalbleViewCell中的控制元件佈局

- (void)layoutSubviews

{

  [super layoutSubviews];

}

cell 裡面還有一個contentView

UITableViewCell表格優化

UITableViewCell物件的重用原理:

重用原理:當滾動列表時,部分UITableViewCell會移出視窗,UITableView會將視窗外的UITableViewCell放入一個物件池中,等待重用。當UITableView要求dataSource返回UITableViewCell時,dataSource會先檢視這個物件池,如果池中有未使用的UITableViewCell,dataSource會用新的資料配置這個UITableViewCell,然後返回給UITableView,重新顯示到視窗中,從而避免建立新物件

還有一個非常重要的問題:有時候需要自定義UITableViewCell(用一個子類繼承UITableViewCell),而且每一行用的不一定是同一種UITableViewCell(如簡訊聊天佈局),所以一個UITableView可能擁有不同型別的UITableViewCell,物件池中也會有很多不同型別的UITableViewCell,時可能會得到錯誤型別的UITableViewCell那麼UITableView在重用UITableViewCell。解決方案:UITableViewCell有個NSString *reuseIdentifier屬性,可以在初始化UITableViewCell的時候傳入一個特定的字串標識來設定reuseIdentifier(一般用UITableViewCell的類名)。當UITableView要求dataSource返回UITableViewCell時,先通過一個字串標識到物件池中查詢對應型別的UITableViewCell物件,如果有,就重用,如果沒有,就傳入這個字串標識來初始化一個UITableViewCell物件

 

單元格優化

 1. 標示符統一,使用static的目的可以保證表格標示符永遠只有一個

 2. 首先在緩衝池中找名為"myCell"的單元格物件

 3. 如果沒有找到,例項化一個新的cell

 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

     static NSString *cellIdentifier = @"myCell";

   UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];

   //使用這種方法不用判斷下面的cell

     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath];

     if (cell == nil) {       

           cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];

     }

   return cell;

}

 

表格的編輯模式

刪除、插入

- (void)setEditing:(BOOL)editing animated:(BOOL)animated;  開啟表格編輯狀態

 

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath

{

       // 返回表格編輯編輯樣式。不實現預設都是刪除

  return editingStyle : UITableViewCellEditingStyleDelete, UITableViewCellEditingStyleInsert

}

 

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath

{

      // 根據editingStyle處理是刪除還是新增操作完成刪除、插入操作重新整理表格

- (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;

 

-(void)deleteRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;

}

 

移動

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

sourceIndexPath 移動的行    

destinationIndexPath 目標的行

 

自定義表格行UITableViewCell

storyboard方式建立:

直接拖到UITableView裡面設定UITableViewCell

注意:

1.通過XIB或者Storyboard自定義單元格時,在xib和Storyboard裡面需要指定單元格的可重用標示符Identifier

 

2.注意表格的優化中的差別

在Storyboard中兩者等效

xxCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

xxCell *cell1 = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

 

在xib檔案中有差別:

第一種情況,只能在iOS 6以上使用,如果在viewDidLoad註冊了nib檔案,並且指定了“單元格”的可重用標示符,那麼    

     dequeueReusableCellWithIdentifier:

     dequeueReusableCellWithIdentifier:forIndexPath:

     方法是等效的。如果在viewDidLoad中註冊了nib檔案,表格緩衝池中的管理,有系統接管!

 

第二種情況,是在iOS 4以上均可以使用,如果沒有在viewDidLoad註冊nib檔案,那麼,只能使用

     dequeueReusableCellWithIdentifier:並且需要判斷cell沒有被例項化,並做相應的處理

 

 

在程式碼建立中差別:

用程式碼建立cell中的處理和nib一樣,註冊了cell就有系統接管並且可以用帶forIndexPath的方法,沒有註冊就要自己去例項化cell,不能用帶forIndexPath的方法

[tableView registerClass:XxxCell class] forCellReuseIdentifier:@"xxCell"];

 

xib方式建立:

// 註冊Identifier

- (void)viewDidLoad{

    [super viewDidLoad];

    /**

     注意:以下幾句註冊XIB的程式碼,一定要在viewDidLoad中!

     註冊XIB檔案,獲得根檢視,並且轉換成TableView,為tableView註冊xib

     Identifier名要在xib檔案中定義,並且保持一致

     **/

    UINib *nib = [UINib nibWithNibName:@"BookCell" bundle:[NSBundle mainBundle]];

    UITableView *tableView = (UITableView *)self.view;

    [tableView registerNib:nib forCellReuseIdentifier:@"bookCell"];   

}

 

// 沒有註冊Identifier只能使用下面方法

static NSString *CellIdentifier = @"bookCell";

BookCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell == nil) {

        cell = [[BookCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];

        NSBundle *bundle = [NSBundle mainBundle];

        NSArray *array = [bundle loadNibNamed:@"BookCell" owner:nil options:nil];

        cell = [array lastObject];

}

 

 

程式碼方式建立:

1.建立UITableViewCell的類,繼承UITableViewCell

2.往cell裡面加入view的時候注意點:

// 新建的元件放入contentView中

[self.contentView addSubview:xxView];

 

// 設定圖片拉伸屬性stretch

UIImage *normalImage = [UIImage imageNamed:@"xx.png"];

normalImage = [normalImage stretchableImageWithLeftCapWidth:

normalImage.size.width / 2 topCapHeight:normalImage.size.height / 2];

 

// 在tableView裡面viewDiDLoad裡面要註冊cell類

[tableView registerClass:XxxCell class] forCellReuseIdentifier:@"xxCell"];

 

自定義表格中Header

//自定義表格在這個方法中定義

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

 

相關文章