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];