iOSUITableView(列表)

UITableView

UITableView內建了兩種樣式：UITableViewStylePlain，UITableViewStyleGrouped

<UITableViewDataSource,UITableViewDelegate>裡的方法：
tableView處理步驟

#pragma mark 1.有多少組
– (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
#pragma mark 2.第section組頭部控制元件有多高
– (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
#pragma mark 3.第section組有多少行
– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
#pragma mark 4.indexPath這行的cell有多高
– (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
#pragma mark 5.indexPath這行的cell長什麼樣子
– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
#pragma mark 6.第section組頭部顯示什麼控制元件
– (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

– (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(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

//在tableView的頭部或者尾部新增view,footerView寬度是不用設定的
xxxView.bounds = CGRectMake(0,0,0,height);
self.tableView.tableFooterView =xxxView;
self.tableView.tableHeaderView =xxxView;

UIButton bt = (UIButton)[self.contentView viewWithTag:i+100];

增加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