Xcode控件使用笔记四：UITableView

UITableView的两种内置样式:UITableViewStylePlain 和 UTTableViewStyleGrouped(分组)

1、分组例子 ： storyboard选择一个UITableView，style设置为Grouped

//  ViewController.m
#pragma mark - 数据源方法
#pragma mark 一共有多少组数据
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return 2;
}
#pragma mark 第section组有多少行数据
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
}
#pragma mark 返回每一行显示的具体数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 组 indexPath.section
// 行 indexPath.row
UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
// 设置cell上面显示的文本数据
cell.textLabel.text = city;

return cell;
}
#pragma mark 第section组的标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
}
#pragma mark
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
}
#pragma mark 右侧快捷分组
- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
return self.provinces;
//return @[@"A", @"B", @"C"];
}

2、单组例子

UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];

// 图片的文件名
NSString *name = [NSString stringWithFormat:@"00%d.png", indexPath.row + 1];

// 设置左边的图标
cell.imageView.image = [UIImage imageNamed:name];
// 设置主标题
cell.textLabel.text = @"123213213";
// 设置副标题
cell.detailTextLabel.text = @"详细描述------";

// 设置cell的右边箭头样式 ->
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

return cell;

#pragma mark - 代理方法
#pragma mark 选中了某一行就会调用
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
//NSLog(@"--------%d", indexPath.row);

// 1.获得被点击这行对应的产品信息
MJProduct *p = self.data[indexPath.row];

UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"产品信息" message:nil
delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];

// 保存点击的行号
alert.tag = indexPath.row;

// 设置alertView的样式
alert.alertViewStyle = UIAlertViewStylePlainTextInput;

// 取出文本输入框
[alert textFieldAtIndex:0].text = p.name;

// 显示对话框
[alert show];
}

#pragma mark - ALertView代理方法
#pragma mark 点击了AlertView的某个按钮时调用
/*

刷新数据：
1> 更改模型属性
2> 刷新UI界面（reloadDat43a）
*/
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{
if (buttonIndex == 1)
{ // 点击了确定按钮
// 1.取得文本框的文字
NSString *name = [alertView textFieldAtIndex:0].text;
//NSLog(@"%@", name);

// 2.更新数据(alertView.tag 就是 行号)
MJProduct *p = self.data[alertView.tag];
//NSLog(@"%@", p.name);
p.name = name;

// 3.刷新界面
/*
重新加载数据：
重新向数据源请求数据（重新调用数据源的相应方法）

会刷新所有的数据
*///[self.tableView reloadData];

// 局部刷新
NSIndexPath *path = [NSIndexPath indexPathForRow:alertView.tag inSection:0];
[self.tableView reloadRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationLeft];
}
}

3、性能优化

1）缓冲池－－重用机制：

cellForRowAtIndexPath方法根据新增一定数量的cell对象（ view的高度／cell的高度），不会一下子新增所有（关键点在"一个屏幕显示的cell数量"是有限的）

dequeueReusableCellWithIdentifier，从字面上理解是“出列的可重用的cell”

reuse机制就是这样。当cell需要显示的时候，从queue里面找，找到了，设置一下内容，显示出来

滚动界面当有cell被移出屏幕时，把这个cell丢到queue里面

显示新的cell时，如果有“相同类型”(identifier)的cell，就从队列拿一个出来，设置数据，显示出来

至于queue里面会有多少cell，这个会自动控制

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

// 0.用static修饰的局部变量，只会初始化一次< # # >
static NSString *ID = @"Cell";

// 1.拿到一个标识先去缓存池中查找对应的Cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

// 2.如果缓存池中没有，才需要传入一个标识创建新的Cell
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
}

// 3.覆盖数据
cell.textLabel.text = [NSString stringWithFormat:@"fdsfdsf-%d", indexPath.row];
NSLog(@"---cellForRowAtIndexPath--%p--%d",cell,indexPath.row);

return cell;

}

4、编辑模式

#pragma mark 提交编辑操作(点击了"删除"或者"+"按钮)时调用
// 实现了这个方法，就有左划删除功能
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle  forRowAtIndexPath:(NSIndexPath *)indexPath
{
//NSLog(@"------commit---%d", indexPath.row);

if (editingStyle == UITableViewCellEditingStyleDelete) {
// 删除
// 1.更改数据(删除本行的数据)
[self.mydata removeObjectAtIndex:indexPath.row];

// 2.刷新UI界面
//[tableView reloadData];
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
} else {
// 添加

// 1.更改数据（添加数据）
// [self.mydata addObject:@"hahahhahah"];添加到最后面去了
// 插入数据到本行的后面
[self.mydata insertObject:@"新添加的数据...." atIndex:indexPath.row + 1];

// 2.刷新UI界面
//[tableView reloadData];

// 刷新指定行（个数不变）
//[tableView reloadRowsAtIndexPaths:<#(NSArray *)#> withRowAnimation:<#(UITableViewRowAnimation)#>];
// 删除指定行
//[tableView deleteRowsAtIndexPaths:<#(NSArray *)#> withRowAnimation:<#(UITableViewRowAnimation)#>];
// 插入新的行

NSIndexPath *newPath = [NSIndexPath indexPathForRow:indexPath.row + 1 inSection:0];
[tableView insertRowsAtIndexPaths:@[newPath] withRowAnimation:UITableViewRowAnimationTop];
}
/*

*/
}

#pragma mark 开启编辑模式时，用到的移动方法
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath
{
// 取出即将要删除的数据
NSString *data = self.mydata[sourceIndexPath.row];

// 删除需要移动的那一行
[self.mydata removeObject:data];

// 插入之前删除的数据
[self.mydata insertObject:data atIndex:destinationIndexPath.row];

//NSLog(@"%d --> %d", sourceIndexPath.row, destinationIndexPath.row);
}

#pragma mark - 代理方法
#pragma mark 当tableview开启编辑模式就会调用
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
//return indexPath.row%2 ? UITableViewCellEditingStyleDelete : UITableViewCellEditingStyleInsert;
return tableView.tag;
}

//UITableViewCellEditingStyle _style;

#pragma mark - 监听item的点击
#pragma mark 删除
- (IBAction)remove
{
self.tableView.tag = UITableViewCellEditingStyleDelete;

//_style = UITableViewCellEditingStyleDelete;

// 0.取出当前的编辑状态
BOOL edt = self.tableView.editing;

// 1.开启编辑模式
//self.tableView.editing = YES;
//[self.tableView setEditing:YES];
// 带有动画效果
[self.tableView setEditing:!edt animated:YES];
}

- (IBAction)add
{
self.tableView.tag = UITableViewCellEditingStyleInsert;
//_style = UITableViewCellEditingStyleInsert;

//NSLog(@"add------");
// 0.取出当前的编辑状态
BOOL edt = self.tableView.editing;

// 1.开启编辑模式
[self.tableView setEditing:!edt animated:YES];
}

一、删除\添加：
1.开启编辑模式
[self.tableView setEditing:YES animated:YES];
2.实现数据源的某个方法
tableView:commitEditingStyle:forRowAtIndexPath:
3.下面方法的返回值决定编辑模式是添加还是删除
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
二、排序：
实现下面的方法即可：
tableView:moveRowAtIndexPath:toIndexPath:
三、4个刷新UI界面的方法
1.添加新的行
[tableView insertRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationTop];
2.删除指定的行
[tableView deleteRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationTop];
3.局部刷新指定的行
[tableView reloadRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationTop];
4.整体刷新所有的行
[tableView reloadData];