在 UITableView 中完成编辑时如何防止单元格宽度扩大

Question

如果您在 iPad 联系人应用程序中点击“+”编辑图标以添加新地址时注意到，当图标消失时，单元格不会向左扩展（请参见下面的第一个屏幕截图）。我正在尝试做类似的事情，但没有运气（请参阅下面的第二个屏幕截图）。我尝试使用here 建议的解决方案，但没有奏效。

为了记录，我并没有试图复制实际的联系人应用程序或与联系人集成。我们正在做一些不相关的事情，我的设计师只是想遵循这种模式，所以做一些 POC 工作来看看我能做什么。

编辑-另一个问题，为了验证我的想法，是在联系人应用程序中发生的事情是当点击“+”图标时，此单元格设置为不再编辑，这些文本字段被添加到单元格，标签变了，然后调用了reloadData，对吧？

编辑 - 感谢蒂姆的建议，我快到了！我实际上已经完成了其中的 1/2，但后来遇到了“+”图标没有动画化，只是突然消失的问题。所以我添加了 reloadRows... 调用 commitEditingStyle 但现在整个单元格消失了。这是我的代码：

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    UITableViewCellEditingStyle editingStyle = UITableViewCellEditingStyleNone;
    if (self.showEditingIcon) {
        editingStyle = UITableViewCellEditingStyleInsert;
        self.showEditingIcon = NO;
    }
    return editingStyle;
}

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
    //    tableView.editing = NO;
    //    tableView.editing = YES;
    [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
}

您可以从我注释掉的行中看到我最初的内容，它正在工作，但正如我所说，没有动画 - “+”按钮只是突然消失了。如果我尝试调用 [tableView setEditing:NO animated:YES] 它将不起作用。当我试图将这些调用放在 UIView 动画块中时，它看起来不太好 - 可以看到单元格暂时向左和向后移动。然而，现在随着重新加载调用，单元格完全消失了。目前我没有对我的单元格进行任何更改（例如我没有添加文本字段等），因为我只想让“+”按钮动画出来而不使单元格向左展开工作在第一次迭代中。

非常感谢任何帮助。谢谢。

Answer 1

诀窍是始终处于编辑模式，以使单元格缩进保持不变。加载单元格时，您决定它处于什么状态并返回适当的编辑样式，“插入”样式或“无”：

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
    BOOL shouldShowInsertButton = ...;//check internal state for cell
    return shouldShowInsertButton ? UITableViewCellEditingStyleInsert : UITableViewCellEditingStyleNone;
}

然后，当点击编辑按钮时，您会更新内部状态并重新加载单元格：

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
    ...;//update internal state for cell
    [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
}

编辑

这是一个有效的sample project。