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