将大于 cellHeight 的子视图添加到 UITableViewCell？

Question

我正在尝试向 UITableViewCell 添加子视图，而我正在工作的设计要求这个特定的子视图（图像）需要大于实际的 UITableViewCell，从而部分重叠其兄弟视图。

因此，我设置了表格单元格，生成了图像并将其添加到单元格的 contentView 中：

// rowHeight for the UITableView is 45.0f

UIImage *image = [self createCellThumbnail: someImage];
UIImageView *thumbView = [[UIImageView alloc] initWithFrame: CGRectMake(150, -5, 55,55)];
thumbView.transform = CGAffineTransformMakeRotation(0.1f);
thumbView.image = image;

cell.clipsToBounds = NO;
cell.contentView.clipsToBounds = NO;

[cell.contentView addSubview: thumbView];

虽然图像将“溢出”到其下方的单元格中，但图像的顶部始终会被剪裁，如下所示：

有谁知道我正在尝试做的事情是否可以通过当前的方法实现？

或者我应该找出一种方法，在绘制所有单元格后将这些图像绘制到 UITableView 上（它是一个不可滚动的表格视图，因此可以工作并且相当容易）。

更新：

也尝试添加以下内容，但无济于事：

cell.opaque = NO;
cell.contentView.opaque = NO;

cell.clearsContextBeforeDrawing = NO;
cell.contentView.clearsContextBeforeDrawing = NO;

cell.clipsToBounds = NO;    
cell.contentView.clipsToBounds = NO;

Answer 1

我似乎 tableView 从下到上渲染其单元格，因此一个单元格上方的单元格与该单元格重叠。为了避免这种情况，您必须将所有单元格的 backgroundColor 设置为 +[UIColor clearColor]，这样您就不会看到那些重叠问题。

但是在 -tableView:cellForRowAtIndexPath: 中将 backgroundColor 设置为清除没有任何意义。 UIKit 在绘制单元格之前对单元格执行了很多操作，因此它会重置单元格的 backgroundColor 属性。

我们需要做的是在稍后的状态中设置backgroundColor。幸运的是，我们可以像这样实现 -[UITableViewDelegate tableView:willDisplayCell:forRowAtIndexPath:] ：

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    cell.backgroundColor = [UIColor clearColor];
}

现在我们在绘制单元格之前设置 backgroundColor 和 this事实证明是有效的。

Answer 2

更新：

所以我做了一些更多的实验，下面的解决方案仍然有效，无需将单元格的背景设置为透明，这涉及移动被覆盖单元格的 z 顺序。这适用于突出显示和选择另一个单元格（通过相关回调），并且如果两个单元格的背景颜色不同。解决方案如下（如果您不关心didHighlight和didSelect方法，您可以忽略它们）：（

注意“覆盖行”是我们要删除其内容的行）试图保持可见，在我的情况下，其内容稍微进入上面的行，这正在剪切它）

-(void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (indexPath.section == 0 && indexPath.row == ROW_ABOVE_COVERED_ROW)
    {
        NSIndexPath * rowbelow = [NSIndexPath indexPathForRow:indexPath.row+1 inSection:indexPath.section];
        UITableViewCell* cell = [tableView cellForRowAtIndexPath:rowbelow];
        [cell.superview bringSubviewToFront:cell];
    }
}

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (indexPath.section == 0 && indexPath.row == ROW_ABOVE_COVERED_ROW)
    {
        NSIndexPath * rowbelow = [NSIndexPath indexPathForRow:indexPath.row+1 inSection:indexPath.section];
        UITableViewCell* cell = [tableView cellForRowAtIndexPath:rowbelow];
        [cell.superview bringSubviewToFront:cell];
    }
}

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.section == 0 && indexPath.row == COVERED_ROW)
    {
        [cell.superview bringSubviewToFront:cell];
        cell.contentView.superview.clipsToBounds = NO;
    }
}

注意：您还应该将内容的背景颜色设置为清除，否则它将采用单元格其余部分的背景颜色，因此，当您设法将内容带到覆盖单元格的前面时，它将采用背景颜色，并在另一个单元格中留下一个令人讨厌的块（在我的情况下，我唯一的内容是 detailTextLabel< /code> 和 textLabel）：

// in cellForRowAtIndexPath:
[cell setBackgroundColor:[UIColor redColor]]; //using red for debug
cell.detailTextLabel.backgroundColor = [UIColor clearColor];
cell.textLabel.backgroundColor = [UIColor clearColor];

我希望这对其尝试此操作的其他人有所帮助......

原始：

对我来说，解决方案是使用：

self.contentView.superview.clipsToBounds = NO;

我的单元格已经是透明的，但我的内容仍然被剪辑。就我而言，我使用了一个自定义单元格，它将其内容在 layoutSubviews 中向上移动。因此，我的自定义单元格的 layoutSubviews 如下：

-(void)layoutSubviews
{
    [super layoutSubviews];
    self.contentView.frame = CGRectOffset(self.contentView.frame, 0, -11);
    self.contentView.superview.clipsToBounds = NO;
}

我不知道如果上面的单元格不透明，或者单元格在按下时突出显示，这是否会掩盖我的内容，这是否会起作用内容。

但是，我不需要需要在 viewWillDisplayCell 回调方法中再次使单元格透明 - 在正常的 cellForRowAtIndexPath< 中执行此操作/code> 就足够了

Answer 3

我遇到了这个问题，我确保我的自定义 tableviewcell 的主背景已检查剪辑子视图，并且它解决了问题。这是使用从 xib 加载的自定义表格视图单元格。不完全相同但相似的情况。

Answer 4

事实上，我昨天遇到了相反的情况，我创建了一个自定义表格单元格，由于某种原因，我得到了我不想发生的溢出。我的解决方案是将以下代码添加到我的视图控制器类中：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{  
    return 175;
}

当它与表格单元格的高度匹配时，没有重叠；当它太小时，就会出现重叠。请注意，我的行为很快，所以我不确定这样做是不是一个好主意。