如何在UITableView中添加更多的单元呢?

如何在UITableView中添加更多的单元呢?,第1张

意思是不是像手机中的设置一样呢。。先改变UITableView的style为grouped然后在-(NSInteger)numberOfSectionsInTableView:(UITableView

*)tableView{

return

3;(你需要的单元数)}//没个单元中的列表行数-

(NSInteger)tableView:(UITableView

*)tableView

numberOfRowsInSection:(NSInteger)section{if

(section

==

0)

return

[arrName

count]

if

(section

==

1)

return

0

if

(section

==

2)

return

[arrTime

count]}

1、标记行

这里讲的标记行指的是单击此行,可以实现在此行右边出现一个勾,如下图所示:

为了实现标记功能,在ViewController.m中@end之前添加代码

C代码

#pragma mark -

#pragma mark Table Delegate Methods

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

UITableViewCell *oneCell = [tableView cellForRowAtIndexPath: indexPath]

if (oneCell.accessoryType == UITableViewCellAccessoryNone) {

oneCell.accessoryType = UITableViewCellAccessoryCheckmark

} else

oneCell.accessoryType = UITableViewCellAccessoryNone

[tableView deselectRowAtIndexPath:indexPath animated:YES]

}

该代码实现:单击某行时,若此行未被标记,则标记此行;若此行已经被标记,则取消标记。

运行效果如上图。

上面的代码实际上就是修改某行的accessoryType属性,这个属性可以设为四个常量:

C代码

UITableViewCellAccessoryCheckmark

UITableViewCellAccessoryDetailDisclosureButton

UITableViewCellAccessoryDisclosureIndicator

UITableViewCellAccessoryNone

效果依次如下图所示:

UITableViewCellAccessoryCheckmarkUITableViewCellAccessoryDetailDisclosureButton

UITableViewCellAccessoryDisclosureIndicator UITableViewCellAccessoryNone

注意,上面第二张图片中的蓝色圆圈不仅仅是一个图标,还是一个控件,点击它可以触发事件。

2、移动行

想要实现移动或者删除行这样的 *** 作,需要启动表格的编辑模式。使用的是setEditing:animated:方法。

2.1 打开ViewController.xib,将其中的表格控件映射成Outlet到ViewController.h,名称为myTableView。

2.2 打开ViewController.m,在viewDidLoad方法最后添加代码:

C代码

//启动表格的编辑模式

[self.myTableView setEditing:YES animated:YES]

2.3 在@end之前添加代码:

C代码

//打开编辑模式后,默认情况下每行左边会出现红的删除按钮,这个方法就是关闭这些按钮的

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView

editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {

return UITableViewCellEditingStyleNone

}

//这个方法用来告诉表格 这一行是否可以移动

- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {

return YES

}

//这个方法就是执行移动 *** 作的

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)

sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {

NSUInteger fromRow = [sourceIndexPath row]

NSUInteger toRow = [destinationIndexPath row]

id object = [list objectAtIndex:fromRow]

[list removeObjectAtIndex:fromRow]

[list insertObject:object atIndex:toRow]

}

editingStyleForRowAtIndexPath这个方法中用到了常量UITableViewCellEditingStyleNone,它表示不可编辑,这里的编辑指的是删除和插入。表示表格行的编辑模式的常量有:

C代码

UITableViewCellEditingStyleDelete

UITableViewCellEditingStyleInsert

UITableViewCellEditingStyleNone

顾名思义,第一个表示删除,第二个表示插入,第三个表示不可编辑。

若将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleNone依次换成上面三个值,则它们运行的效果依次如下图所示:

2.4 运行,从下图可以看到实现了行的移动:

但是也会发现,现在无法对每行进行标记了。这说明,在编辑模式下,无法选择行,从而didSelectRowAtIndexPath这个方法不会执行。

3、删除行

从第2步过来,实现删除某行,其实比较简单了。

3.1将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleNone修改成UITableViewCellEditingStyleDelete。

3.2 在@end之前添加代码:

C代码

//这个方法根据参数editingStyle是UITableViewCellEditingStyleDelete

//还是UITableViewCellEditingStyleDelete执行删除或者插入

- (void)tableView:(UITableView *)tableView commitEditingStyle:

(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {

if (editingStyle == UITableViewCellEditingStyleDelete) {

NSUInteger row = [indexPath row]

[self.list removeObjectAtIndex:row]

[tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]

withRowAnimation:UITableViewRowAnimationAutomatic]

}

}

在这个方法中又出现了一个常量:UITableViewRowAnimationAutomatic,它表示删除时的效果,类似的常量还有:

C代码

UITableViewRowAnimationAutomatic

UITableViewRowAnimationTop

UITableViewRowAnimationBottom

UITableViewRowAnimationLeft

UITableViewRowAnimationRight

UITableViewRowAnimationMiddle

UITableViewRowAnimationFade

UITableViewRowAnimationNone

它们的效果就不一一介绍了,可以在实际使用时试试。

3.3 运行,看看效果:

刚运行时显示如左边的图片,点击某一行左边的圆圈图标,会显示如中间图片所示。然后点击Delegate按钮,那一行就会被删除掉,如右边的那张图片所示,它显示的是删除时的效果。

4、插入行

这个与删除行类似。

4.1 首先将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleDelete修改成UITableViewCellEditingStyleInsert。

4.2在3.2添加的方法中添加代码:

C代码

else {

//我们实现的是在所选行的位置插入一行,因此直接使用了参数indexPath

NSArray *insertIndexPaths = [NSArray arrayWithObjects:indexPath,nil]

//同样,将数据加到list中,用的row

[self.list insertObject:@"新添加的行" atIndex:row]

[tableView insertRowsAtIndexPaths:insertIndexPaths withRowAnimation:UITableViewRowAnimationRight]

}

上面的代码中也可以不用insertRowsAtIndexPaths方法,而直接使用[tableView reloadData]语句,但是这样就没有添加的效果了。

4.3 好了,运行一下:

刚运行时如上面左图所示,单击了某个加号后,新的一行就从右边飞进来了,因为在insertRowsAtIndexPaths中用了参数UITableViewRowAnimationRight。

在UITableView中插入或者删除指定的行(或者节)使用的是如下几个API:

insertRowsAtIndexPath: withRowAnimation: 在指定位置插入行

deleteRowsAtIndexPath: withRowAnimation: 删除指定行

insertSections: withRowAnimation: 在指定位置插入节

deleteSections: withRowAnimation: 删除指定节

调用以上API之前,必须先调用beginUpdates,插入/删除数据完成后再调用endUpdates。

-(IBAction)addRows:(id)sender{

NSMutableArray *indexPaths = [[NSMutableArray alloc] init]

for (int i=0i<3i++) {

NSString *s = [[NSString alloc] initWithFormat:@”hello %d”,i]

[datas addObject:s]

NSIndexPath *indexPath = [NSIndexPath indexPathForRow:i inSection:0]

[indexPaths addObject: indexPath]

}

[self.tableView beginUpdates]

[self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewScrollPositionNone]

[self.tableView endUpdates]

}

-(IBAction)delRows:(id)sender{

NSMutableArray *indexPaths = [[NSMutableArray alloc] init]

[datas removeObjectAtIndex:0]

[indexPaths addObject:[NSIndexPath indexPathForRow:0 inSection:0]]

[self.tableView beginUpdates]

[self.tableView deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationNone]

[self.tableView endUpdates]

}

需要注意的是,调用insert函数时,需保证数据源添加的记录数要与你想插入的行的总数一致,如上面的例子中,想要插入的记录有3条,插入位置分 别为1,2,3,则对应的indexpPaths数组的元素总数为3,数组元素为一个NSIndexPath对象,通过它我们指定了记录的插入位置。删除 数据也是相同的道理。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11566293.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存