UITableViewCell 自定义编辑视图

Posted

技术标签:

【中文标题】UITableViewCell 自定义编辑视图【英文标题】:UITableViewCell custom edit view 【发布时间】:2013-07-12 13:26:36 【问题描述】:

我正在尝试替换单元格的默认编辑模式行为。

我不希望出现带有线左附件视图的红色圆圈。

进入编辑模式后,我需要它向左移动内容视图并显示我的删除按钮。

到目前为止我所拥有的(自定义 UITableViewCell)覆盖:

-(void) setEditing:(BOOL)editing animated:(BOOL)animated

    /* don't call super */
//    [super setEditing:editing animated:animated];
    _isEditing = editing;

    CGFloat newContentViewX = 0.0f;
    UIColor *newDeleteButtonColor = [UIColor clearColor];

    if ( _isEditing )
    
        newContentViewX = -40.0f;
        newDeleteButtonColor = [UIColor redColor];
    

    if ( animated )
    
        [UIView animateWithDuration:0.5f
                              delay:0.0f
                            options:UIViewAnimationOptionCurveEaseInOut
                         animations:^
         
             self.contentView.x = newContentViewX; //change frame.origin.x
             _deleteButton.backgroundColor = newDeleteButtonColor;
         
                         completion:nil];
    
    else
    
        self.contentView.x = newContentViewX; //change frame.origin.x
        _deleteButton.backgroundColor = newDeleteButtonColor;
    


-(BOOL) editing

    return _isEditing;

&这是结果:

上面的代码效果很好!直到它开始滚动并且内容视图被重置。回到第一张图片。编辑标志没有保留我的内容视图框架更改。

我已经添加了这一行:

[cell setEditing:_tableView.isEditing animated:NO];

在 cellForRowAtIndexPath 中,虽然它正在正确调用和设置编辑模式,但我的 contentview 仍处于原始位置而不是更新

YouTube 短视频解释问题: Youtube link

其他人有这个问题吗?

【问题讨论】:

您应该仅仅因为制作 youtube 视频而获得 +1。现在很容易理解。 【参考方案1】:

不要篡改内容视图框架。只需创建您的按钮并将其设置为editingAccessoryView 即可完成演示。

【讨论】:

是的,除了您仍然可以在左侧看到 (-) 圆形按钮并且它会向右移动内容视图 tableView:editingStyleForRowAtIndexPath: 返回UITableViewCellEditingStyleNone。您可能还想自定义单元格设置为编辑模式的方式和时间(用于滑动删除)。【参考方案2】:

您的问题是 UITableView 正在“有帮助地”使用您从 cellForRowAtIndexPath 返回的单元格设置适当的状态布局。

处理这个问题的最简单方法是在你的单元格类中覆盖 -layoutSubviews。

- (void)layoutSubviews

   if (self.editing)
  
     CGRect bounds = self.bounds;
     // do your custom layout
  
  else
    [super layoutSubviews];

这应该让事情得到很好的排序。

【讨论】:

【参考方案3】:

您似乎遇到了 UITableView 如何将 setEditting 消息传递给其子单元格的副作用。文档声明电视将此消息发送到可见单元(仅)。因此,当一个新的/出队的单元格变得可见时,它没有 setEditting 消息,因此有 _editting=NO。因此,您需要在 tableView:cellForRowAtIndexPath: 方法中测试并设置单元格的 _editting=YES,然后您应该可以通过显示的删除按钮获得所需的滚动行为。

【讨论】:

以上是关于UITableViewCell 自定义编辑视图的主要内容,如果未能解决你的问题,请参考以下文章

在 UITableViewCell 的附件视图中使用自定义按钮的问题

编辑自定义 UITableViewCell 时不出现插入/删除编辑控件

如何以编程方式在 UITableViewCell 中添加自定义视图?

自定义 UITableViewCell 编辑模式不起作用

自定义 UITableViewCell 中的 UIImageView 在单击时调整大小

iOS - UI 测试在 UITableViewCell 中查找图像