UITableView 每个单元格中有多个项目

Question

我有一个表格视图，我试图在其中放置一个带有图像和标签的按钮。我想在单击后更改按钮的图像。

代码如下：

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

static NSString *CellIdentifier = @"Cell";
checkedImg = [UIImage imageNamed:@"buttonUnChecked1.png"];

UITableViewCell *cell = [_tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
    cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
}


//Set up the cell...
NSString *cellValue = [suggestions objectAtIndex:indexPath.row];

cell.selectionStyle = UITableViewCellSelectionStyleNone;

check = [UIButton buttonWithType:UIButtonTypeCustom];
check.frame=CGRectMake(0,35,20,20);
[check setImage:checkedImg forState:UIControlStateNormal];
[check addTarget:self action:@selector(checkClicked:) forControlEvents: UIControlEventTouchUpInside];
[cell.contentView addSubview:check];

cellContent = [[UILabel alloc]initWithFrame:CGRectMake(40,32,500,25)];
cellContent.text = cellValue;
[cell.contentView addSubview:cellContent];
return cell;
}


-(void)checkClicked:(UIButton *)b
{
checkedImg = [UIImage imageNamed:@"buttonChecked1.png"];
[check setImage:checkedImg forState:UIControlStateNormal];

}

通过这样做，按钮的图像会发生变化，但只有最后一个而不是单击的那个。我知道它背后的原因，但我不知道如何实现我想要的。

Answer 1

获得所需结果的结构化方式：

为表格单元格创建一个 UIView 子类（包含按钮和标签）。您实例化这些自定义视图并将它们设置为您的contentView 用于cellForRowAtIndexPath 中的每个表格单元格。

您的每个自定义视图都会监听自己的按钮是否被按下。当它被按下时，它会切换其状态并告诉主视图控制器（通过委托方法）它已被切换。主视图控制器在有问题的单元格上调用 reloadData 以使其以正确的外观重新加载。

请注意，这种方法要求您告诉每个自定义视图它在表中呈现哪个索引路径——这样它就可以通知主视图控制器的委托方法——需要这个信息来触发重新加载合适的单元格。

顺便说一句，我假设您想在用户完成编辑后查看表格中按钮的状态，而您当前的方法并没有非常明确地捕获状态内容——您必须迭代您的按钮，或将选定的项目添加到可变数组，或其他东西。

Answer 2

解决您的问题的简单方法是将您的 checkClicked: 方法更改为：

-(void)checkClicked:(UIButton *)b
{
    [b setImage:[UIImage imageNamed:@"buttonChecked1.png"] forState:UIControlStateNormal];
}

但是你也应该调整你的 tableView:cellForRowAtIndexPath: 方法以避免重复创建按钮并清理一些内存问题，例如：

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

static NSString *CellIdentifier = @"Cell";    

UITableViewCell *cell = [_tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
    cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    UIButton *checkBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    checkBtn.frame = CGRectMake(0,35,20,20);
    [checkBtn setImage:[UIImage imageNamed:@"buttonUnChecked1.png"]; forState:UIControlStateNormal];
    [checkBtn addTarget:self action:@selector(checkClicked:) forControlEvents: UIControlEventTouchUpInside];
    [cell.contentView addSubview:checkBtn];

    UILabel *cellContentLbl = [[UILabel alloc]initWithFrame:CGRectMake(40,32,500,25)];
    cellContentLbl.tag = 1;
    [cell.contentView addSubview:cellContentLbl];
    [cellContentLbl release];
}


//Set up the cell...
NSString *cellValue = [suggestions objectAtIndex:indexPath.row];
cellContent = (UILabel *)[cell viewWithTag:1];
cellContent.text = cellValue;
return cell;
}