读书人

[ios]转UITableView学习札记

发布时间: 2013-07-09 09:50:48 作者: rapoo

[ios]转UITableView学习笔记
? ? ? ??[ios]转UITableView学习札记

  其中左边的是Plain风格的,右边的是Grouped风格,这个区别还是很明显的。

  查看UITableView的帮助文档我们会注意到UITableView有两个Delegate分别为:dataSource和delegate。

  dataSource是UITableViewDataSource类型,主要为UITableView提供显示用的数据(UITableViewCell),指定UITableViewCell支持的编辑操作类型(insert,delete和reordering),并根据用户的操作进行相应的数据更新操作,如果数据没有更具操作进行正确的更新,可能会导致显示异常,甚至crush。

  delegate是UITableViewDelegate类型,主要提供一些可选的方法,用来控制tableView的选择、指定section的头和尾的显示以及协助完成cell的删除和排序等功能。

  提到UITableView,就必须的说一说NSIndexPath。UITableView声明了一个NSIndexPath的类别,主要用来标识当前cell的在tableView中的位置,该类别有section和row两个属性,前者标识当前cell处于第几个section中,后者代表在该section中的第几行。

  UITableView只能有一列数据(cell),且只支持纵向滑动,当创建好的tablView第一次显示的时候,我们需要调用其reloadData方法,强制刷新一次,从而使tableView的数据更新到最新状态。

?

二、UITableViewController简介

 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    NSArray *sections = [SvTableViewDataModal sections];    SvSectionModal *sectionModal = [sections objectAtIndex:indexPath.section];        static NSString *reuseIdetify = @"SvTableViewCell";    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseIdetify];    if (!cell) {        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseIdetify];        cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;        cell.showsReorderControl = YES;                for (int i = 0; i < 6; ++i) {            UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100 + 15 * i, 0, 30, 20)];            label.backgroundColor = [UIColor redColor];            label.text = [NSString stringWithFormat:@"%d", i];            [cell.contentView addSubview:label];            [label release];        }    }        cell.textLabel.backgroundColor = [UIColor clearColor];    cell.textLabel.text = [sectionModal.cityNames objectAtIndex:indexPath.row];    return cell;}?

  通过观察上面两幅图片我们可以看出来,当cell在进入编辑状态的时候,contentView会自动的缩放来给Editing control腾出位置。这也就是说如果我们把subView添加到contentView上,如果设置autoresizingMask为更具父view自动缩放的话,cell默认的机制会帮我们处理进入编辑状态的情况。而且在tableView是Grouped样式的时候,会为cell设置一个背景色,如果我们直接添加在cell上面的话,就需要自己考虑到这个背景色的显示问题,如果添加到contentView上,则可以通过view的叠加帮助我们完成该任务。综上,subView最好还是添加到cell的contentView中。

?

// if you want show reordering control, you must implement moveRowAtndexPath, or the reordering control will not show // when use reordering end, this method is invoke - (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{    // update DataModal        NSArray *sections = [SvTableViewDataModal sections];    SvSectionModal *sourceSectionModal = [sections objectAtIndex:sourceIndexPath.section];    NSString *city = [[sourceSectionModal.cityNames objectAtIndex:sourceIndexPath.row] retain];    [sourceSectionModal.cityNames removeObject:city];    [SvTableViewDataModal replaceSectionAtIndex:sourceIndexPath.section withSection:sourceSectionModal];        SvSectionModal *desinationsSectionModal= [[SvTableViewDataModal sections] objectAtIndex:destinationIndexPath.section];    [desinationsSectionModal.cityNames insertObject:city atIndex:destinationIndexPath.row];    [SvTableViewDataModal replaceSectionAtIndex:destinationIndexPath.section withSection:desinationsSectionModal];        [city release];}

#pragma mark -- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{    NSLog(@"commit editStyle: %d", editingStyle);        if (editingStyle == UITableViewCellEditingStyleDelete) {        NSArray *sections = [SvTableViewDataModal sections];        SvSectionModal *sourceSectionModal = [sections objectAtIndex:indexPath.section];        [sourceSectionModal.cityNames removeObjectAtIndex:indexPath.row];                [SvTableViewDataModal replaceSectionAtIndex:indexPath.section withSection:sourceSectionModal];        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationRight];    }    else {        // do something for add it        NSArray *sections = [SvTableViewDataModal sections];        SvSectionModal *sourceSectionModal = [sections objectAtIndex:indexPath.section];        [sourceSectionModal.cityNames insertObject:@"new City" atIndex:indexPath.row];        [SvTableViewDataModal replaceSectionAtIndex:indexPath.section withSection:sourceSectionModal];                [tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationRight];    }}

- (void)groupEdit:(UIBarButtonItem*)sender{    [_tableView beginUpdates];    // first update the data modal    [_tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:[NSIndexPath indexPathForRow:0 inSection:0]] withRowAnimation:UITableViewRowAnimationTop];        [_tableView deleteSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationTop];        [SvTableViewDataModal deleteSectionAtIndex:0];        SvSectionModal *section = [[SvTableViewDataModal sections] objectAtIndex:0];    [section.cityNames insertObject:@"帝都" atIndex:0];    [SvTableViewDataModal replaceSectionAtIndex:0 withSection:section];        [_tableView endUpdates];}

  上面的例子中我们可以看到先往tableView的第0个section的第0行添加一个cell,然后将第0个section删掉。按照我们程序中写的顺序,那么新添加进去的“帝都”,将不在会显示,因为包含它的整个section都已经被删除了。

  执行程序前后结果如下图:

[ios]转UITableView学习札记? ? ? ? ? ? ??[ios]转UITableView学习札记

  demo中第0个section是陕西省的城市,第1个section是北京。左边是执行前的截图,右边是执行后的截图,观察发现结果并不像我们前面推测的那样。那是因为在批量操作时,不管代码中先写的添加操作还是删除操作,添加操作都会被推出执行,直到这个块中所有的删除操作都执行完以后,才会执行添加操作,这也就是上面苹果官方图片上要表达的意思。?

  苹果官方文档有一副图可以帮助我们更好的理解这一点:

[ios]转UITableView学习札记

  原图中操作是:首先删除section 0中的row 1,然后删除section 1,再向section 1中添加一行。执行完批量更新以后就得到右半边的结果。

edit风格等,如非必要最好不要实现这些方法因为快速的调用这些方法也会影响性能。

  (以上5点建议,前三点来自苹果官方文档,后两点我自己加的,有什么不对的地方,欢迎指正)

?

小结:UITableView本身是很复杂的,本片博客只起到抛砖引玉的作用,欢迎大家补充。想用好UITableView,还是需要实际项目中的锻炼的。

读书人网 >操作系统

热点推荐