1.UITableView有兩種樣式:
- [[UITableView alloc] initWithFrame:view.bounds style:UITableViewStylePlain];
- [[UITableView alloc] initWithFrame:view.bounds style:UITableViewStyleGrouped];
2.UITableView的結構:
UITableView由頭部,尾部,和中間一連串的單元格組成,UITableView的頭部由tableHeaderView屬性設置,尾部由tableFooterView屬性設置,中間的
行高可通過rowHeight屬性設置
- _listArray = [[UIFont familyNames] retain];//獲取所有字體名稱
- _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的一些常用屬性
- //設置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的一些常用方法:
- //整體刷新UITableView
- - (void)reloadData;
- //指定一個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;
- //插入一個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有多少個組
- - (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;
- }
- //設置組頭部的文字
- - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;
- //設置組尾部的文字
- - (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
- //指定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;
- //右邊索引顯示的內容
- - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
- {
- return _keyArray;
- }
- // 點擊右邊索引跳轉到哪個index位置
- - (NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index
- {
- return index;
- }
UITalbeView常用的代理方法
- //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的選中樣式
- cell.selectionStyle = UITableViewCellSelectionStyleBlue;
如果想選中後取消,在didSelectRowAtIndexPath方法中調用
- [tableView deselectRowAtIndexPath:indexPath animated:YES];或
- [self performSelector:@selector(deselectRowAtIndexPath:animated:) withObject:indexPath afterDelay:.5];
如果想在cell的右邊出現選中狀態或箭頭可以設置下面的屬性
- cell.accessoryType = UITableViewCellAccessoryCheckmark;
- - (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;
- }
- //這樣寫在IOS7.0以後 TableViewCell的分割線就不會往右挫15個像素點了
- UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:SimpleTableIdentifier];
- [tableViewsetSeparatorInset:UIEdgeInsetsMake(0,0,0,0)];