1.UITableView有兩種樣式:字體
[objc] view plaincopy動畫
[[UITableView alloc] initWithFrame:view.bounds style:UITableViewStylePlain]; atom
[[UITableView alloc] initWithFrame:view.bounds style:UITableViewStyleGrouped]; spa
2.UITableView的結構:
.net
UITableView由頭部,尾部,和中間一連串的單元格組成,UITableView的頭部由tableHeaderView屬性設置,尾部由tableFooterView屬性設置,中間的代理
行高可經過rowHeight屬性設置code
[objc] view plaincopyorm
_listArray = [[UIFont familyNames] retain];//獲取全部字體名稱 blog
_tableView = [[UITableView alloc] initWithFrame:view.bounds style:UITableViewStylePlain]; 索引
// 設置數據源
_tableView.dataSource = self;
// 設置代理
_tableView.delegate = self;
// 設置表視圖cell的高度,統一的高度
_tableView.rowHeight = 70; // 默認44px
// 設置表視圖的背景
UIImageView *backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"IMG_0410"]];
_tableView.backgroundView = backgroundView;
[backgroundView release];
// 設置表視圖的顏色
_tableView.backgroundColor = [UIColor yellowColor];
// 設置表視圖的分割線的顏色
_tableView.separatorColor = [UIColor purpleColor];
// 設置表視圖的分割線的風格
_tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
// 設置表視圖的頭部視圖(headView 添加子視圖)
UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 80)];
headerView.backgroundColor = [UIColor redColor];
// 添加子視圖
UILabel *headText = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, 200, 80)];
headText.text = @"天晴朗,天晴朗天晴朗天晴朗!";
headText.numberOfLines = 0;
[headerView addSubview:headText];
[headText release];
_tableView.tableHeaderView = headerView; //設置頭部
[headerView release];
// 設置表視圖的尾部視圖(footerView 添加子視圖)
UIView *footerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 80)];
footerView.backgroundColor = [UIColor yellowColor];
_tableView.tableFooterView = footerView; //設置尾部
[footerView release];
UITableView的一些經常使用屬性
[objc] view plaincopy
//設置UITableView分割線風格
@property(nonatomic) UITableViewCellSeparatorStyle separatorStyle;
//設置UITableView分割線顏色,默認爲標準灰色
@property(nonatomic,retain) UIColor *separatorColor;
//設置UITableView的頭部
@property(nonatomic,retain) UIView *tableHeaderView;
//設置UITableView的尾部
@property(nonatomic,retain) UIView *tableFooterView;
//設置UITableView的Cell的高度
@property (nonatomic) CGFloat rowHeight;
//設置UITableView種section的頭部的高度
@property (nonatomic) CGFloat sectionHeaderHeight;
//設置UITableView種section的尾部的高度
@property (nonatomic) CGFloat sectionFooterHeight;
//設置UITableView的背景
@property(nonatomic, readwrite, retain) UIView *backgroundView NS_AVAILABLE_IOS(3_2);
//設置UITableView是否可編輯,默認爲no,不可編輯
@property(nonatomic,getter=isEditing) BOOL editing;
- (void)setEditing:(BOOL)editing animated:(BOOL)animated;//方法帶有動畫效果
//當UITableView不在編輯時,cell是否能夠選中,默認爲yes
@property(nonatomic) BOOL allowsSelection NS_AVAILABLE_IOS(3_0);
//當UITableView在編輯時,cell是否能夠選中,默認爲no
@property(nonatomic) BOOL allowsSelectionDuringEditing;
//當UITableView不在編輯時,cell是否能夠選中多個,默認爲no
@property(nonatomic) BOOL allowsMultipleSelection NS_AVAILABLE_IOS(5_0);
//當UITableView在編輯時,cell是否能夠選中多個,默認爲no
@property(nonatomic) BOOL allowsMultipleSelectionDuringEditing NS_AVAILABLE_IOS(5_0);
UITableView的一些經常使用方法:
[objc] view plaincopy
//總體刷新UITableView
- (void)reloadData;
[objc] view plaincopy
//指定一個cell,返回一個NSIndexPath,若是cell沒有,返回nil
- (NSIndexPath *)indexPathForCell:(UITableViewCell *)cell;
//指定一個範圍,返回一組NSIndexPath,若是rect無效,返回nil
- (NSArray *)indexPathsForRowsInRect:(CGRect)rect;
//指定一個NSIndexPath,返回一個cell
- (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath;
//返回全部顯示的cell
- (NSArray *)visibleCells;
//返回全部顯示的cell的NSIndexPath
- (NSArray *)indexPathsForVisibleRows;
UITableView的一些編輯方法:
[objc] view plaincopy
//插入一個cell到指定的indexPaths位置,指定一個動畫效果
- (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;
//刪除indexPaths位置的cell,指定一個動畫效果
- (void)deleteRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;
//刷新indexPaths位置的cell,指定一個動畫效果(tableView的局部刷新,通常用於cell的位置不改變,又不想刷新整個tableView時)
- (void)reloadRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation NS_AVAILABLE_IOS(3_0);
//移動indexPaths位置的cell,指定一個動畫效果
- (void)moveRowAtIndexPath:(NSIndexPath *)indexPath toIndexPath:(NSIndexPath *)newIndexPath NS_AVAILABLE_IOS(5_0);
UITableView數據源方法
[objc] view plaincopy
//UITableView有多少個組
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 1;//默認爲1
}
//UITableView每組有多少條數據
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
{
return [_listArray count];
}
//建立一個cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *cellIdentifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier] autorelease];
//cell的四種樣式
//UITableViewCellStyleDefault, 只顯示圖片和標題
//UITableViewCellStyleValue1, 顯示圖片,標題和子標題(子標題在右邊)
//UITableViewCellStyleValue2, 標題和子標題
//UITableViewCellStyleSubtitle 顯示圖片,標題和子標題(子標題在下邊)
}
// 指向其中一行
// cell.textLabel.text = [self.listArray objectAtIndex:indexPath.row];//設置cell的標題
cell.textLabel.textColor = [UIColor redColor];//設置標題字體顏色
cell.textLabel.font = [UIFont fontWithName:fontName size:18];//設置標題字體大小
cell.imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@""]];//設置cell的圖片
cell.detailTextLabel = @"detailTextLabel"// 設置cell的子標題
return cell;
}
[objc] view plaincopy
//設置組頭部的文字
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;
//設置組尾部的文字
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
[objc] view plaincopy
//指定cell是否可編輯
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath;
//指定cell是否可移動
- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath;
//提交編輯操做,重寫此方法,自動實現cell左滑動刪除功能
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath;
// 移動cell
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath;
[objc] view plaincopy
//右邊索引顯示的內容
- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
return _keyArray;
}
// 點擊右邊索引跳轉到哪一個index位置
- (NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index
{
return index;
}
UITalbeView經常使用的代理方法
[objc] view plaincopy
//cell的行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
//組頭部的高度
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section;
//組尾部的高度
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section;
//自定義組頭部視圖,此方法和數據源中設置頭部標題的方法只能實現一個
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section; // custom view for header. will be adjusted to default or specified header height
//自定義組尾部視圖,此方法和數據源中設置尾部標題的方法只能實現一個
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;
//點擊cell時調用
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;
//取消點擊cell時調用
- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(3_0);
UITableViewCell的一些輔助功能
//sell的選中樣式
[objc] view plaincopy
cell.selectionStyle = UITableViewCellSelectionStyleBlue;
若是想選中後取消,在didSelectRowAtIndexPath方法中調用
[objc] view plaincopy
[tableView deselectRowAtIndexPath:indexPath animated:YES];或
[self performSelector:@selector(deselectRowAtIndexPath:animated:) withObject:indexPath afterDelay:.5];
若是想在cell的右邊出現選中狀態或箭頭能夠設置下面的屬性
[objc] view plaincopy
cell.accessoryType = UITableViewCellAccessoryCheckmark;
cell根據文字的多少自適應高度
[objc] view plaincopy
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
// wrong UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
NSString *text = [_listArray objectAtIndex:indexPath.row];
//320爲文字顯示的寬度,高度1000是隨便寫的,會自動根據文字的大小和寬度計算出高度
CGSize size = [text sizeWithFont:[UIFont systemFontOfSize:14] constrainedToSize:CGSizeMake(320, 1000)];
// +20是爲了讓每一個cell之間有些間隔
return size.height+20;
}
[objc] view plaincopy
//這樣寫在IOS7.0之後 TableViewCell的分割線就不會往右挫15個像素點了
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:SimpleTableIdentifier];
[tableViewsetSeparatorInset:UIEdgeInsetsMake(0,0,0,0)];