如何在UITableView里动态添加 cell

发布网友 发布时间：2022-04-30 00:48

我来回答

共2个回答

懂视网 时间：2022-04-30 05:09

对于 UITableViewCell 而言，其 accessoryType属性有4种取值：

UITableViewCellAccessoryNone,

UITableViewCellAccessoryDisclosureIndicator,

UITableViewCellAccessoryDetailDisclosureButton,

UITableViewCellAccessoryCheckmark

分别显示 UITableViewCell 附加按钮的4种样式：

 无、、、。

 

除此之外，如果你想使用自定义附件按钮的其他样式，必需使用UITableView 的 accessoryView 属性。比如，我们想自定义一个 

的附件按钮，你可以这样做：

UIButton *button ;

if(isEditableOrNot){

UIImage *image= [UIImage   imageNamed:@"delete.png"];

button = [UIButton buttonWithType:UIButtonTypeCustom];

CGRect frame = CGRectMake(0.0, 0.0, image.size.width, image.size.height);

button.frame = frame;

[button setBackgroundImage:imageforState:UIControlStateNormal];

button.backgroundColor= [UIColor clearColor];

cell.accessoryView= button;

}else {

button = [UIButton buttonWithType:UIButtonTypeCustom];

button.backgroundColor= [UIColor clearColor];

cell.accessoryView= button;

}

这样，当 isEditableOrNot 变量为 YES 时，显示如下视图：

 

但仍然还存在一个问题，附件按钮的事件不可用。即事件无法传递到 UITableViewDelegate 的accessoryButtonTappedForRowWithIndexPath 方法。

也许你会说，我们可以给 UIButton 加上一个 target。

好，让我们来看看行不行。在上面的代码中加入：

[button addTarget:self action:@selector(btnClicked:event:) forControlEvents:UIControlEventTouchUpInside];

然后实现btnClicked方法，随便在其中添加点什么。

点击每个 UIButton，btnClicked 方法中的代码被调用了！一切都是那么完美。

但问题在于，每个 UITableViewCell 都有一个附件按钮，在点击某个按钮时，我们无法知道到底是哪一个按钮发生了点击动作！因为addTarget 方法无法让我们传递一个区别按钮们的参数，比如 indexPath.row 或者别的什么对象。addTarget 方法最多允许传递两个参数：target和 event，而我们确实也这么做了。但这两个参数都有各自的用途，target 指向事件委托对象——这里我们把 self 即 UIViewController实例传递给它，event 指向所发生的事件比如一个单独的触摸或多个触摸。我们需要额外的参数来传递按钮所属的 UITableViewCell 或者行索引，但很遗憾，只依靠Cocoa 框架，我们无法做到。

但我们可以利用 event 参数，在 btnClicked 方法中判断出事件发生在UITableView的哪一个 cell 上。因为 UITableView 有一个很关键的方法 indexPathForRowAtPoint，可以根据触摸发生的位置，返回触摸发生在哪一个 cell 的indexPath。 而且通过 event 对象，我们也可以获得每个触摸在视图中的位置：

// 检查用户点击按钮时的位置，并转发事件到对应的accessorytapped事件

- (void)btnClicked:(id)senderevent:(id)event

{

NSSet *touches =[event allTouches];

UITouch *touch =[touches anyObject];

CGPointcurrentTouchPosition = [touch locationInView:self.tableView];

NSIndexPath *indexPath= [self.tableView indexPathForRowAtPoint:currentTouchPosition];

if (indexPath!= nil)

{

[self tableView: self.tableView accessoryButtonTappedForRowWithIndexPath:indexPath];

}

}

这样，UITableView的accessoryButtonTappedForRowWithIndexPath方法会被触发，并且获得一个indexPath 参数。通过这个indexPath 参数，我们可以区分到底是众多按钮中的哪一个附件按钮发生了触摸事件：

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

int* idx= indexPath.row;

//在这里加入自己的逻辑

??

}

关于uitableviewcell的accessoryType属性

标签：

热心网友 时间：2022-04-30 02:17

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

效果依次如下图所示：

UITableViewCellAccessoryCheckmark UITableViewCellAccessoryDetailDisclosureButton

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。