使用自定义 UITableViewCell 在 UITableView 上的单元格之间的间距

Question

我有一个 UITableView 从 XIB 文件加载自定义 UITableViewCell。一切正常，但我的布局要求单元格（都在一个部分内）之间有间距。 有没有机会在不必提高 ROW 高度的情况下做到这一点？

现在怎么样了

应该如何

编辑：
这就是今天的代码

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return [[self.cards valueForKeyPath:@"cards"] count];
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    [ccTableView setBackgroundColor:[UIColor clearColor]];
    cardsCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cardsCell"];

    if(cell == nil){
      NSArray *topLevelObjects = [[NSBundle mainBundle] loadNibNamed:@"cardsCell" owner:self options:nil];
      cell = [topLevelObjects objectAtIndex:0];
    }

    NSString *nmCard = [[self.cards valueForKeyPath:@"cards.name"] objectAtIndex:indexPath.row];
    cell.descCardLabel.text = nmCard;

  return cell;
}

Answer 1

如果您使用自定义的 uitableviewcell 类，我发现实际上有一个非常简单的解决方案。

在单元格类中，添加以下代码：

- (void)setFrame:(CGRect)frame {
    frame.origin.y += 4;
    frame.size.height -= 2 * 4;
    [super setFrame:frame];
}

这将在您放入调用此单元格的 uitablview 类中的单元格高度内为您提供 4pt 缓冲区。显然，您现在必须在放入标签和图像时补​​偿单元格中较少的空间，但它作品。您也可以在 x 轴上执行相同的操作，以使单元格的宽度更小。我已经在我的应用中这样做了，以在我的单元格后面显示背景图像。

Answer 2

如果不能改变单元格的高度，解决方法是使用不可见的中间 所需高度的单元格。在这种情况下，您需要重新计算表视图委托和数据源的索引。

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

    static NSString *CELL_ID2 = @"SOME_STUPID_ID2";
    // even rows will be invisible
    if (indexPath.row % 2 == 1)
    {
        UITableViewCell * cell2 = [tableView dequeueReusableCellWithIdentifier:CELL_ID2];

        if (cell2 == nil)
        {
            cell2 = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                          reuseIdentifier:CELL_ID2];
            [cell2.contentView setAlpha:0];
            [cell2 setUserInteractionEnabled:NO]; // prevent selection and other stuff
        }
        return cell2;
    }

    [ccTableView setBackgroundColor:[UIColor clearColor]];
    cardsCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cardsCell"];

    if(cell == nil){
      NSArray *topLevelObjects = [[NSBundle mainBundle] loadNibNamed:@"cardsCell" owner:self options:nil];
      cell = [topLevelObjects objectAtIndex:0];
    }

     // Use indexPath.row/2 instead of indexPath.row for the visible section to get the correct datasource index (number of rows is increased to add the invisible rows)
        NSString *nmCard = [[self.cards valueForKeyPath:@"cards.name"] objectAtIndex:(indexPath.row/2)];
        cell.descCardLabel.text = nmCard;

      return cell;
    }



- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    // two times minus one (invisible at even rows => visibleCount == invisibleCount+1)
    return [[self.cards valueForKeyPath:@"cards"] count] * 2 - 1;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (indexPath.row % 2 == 1)
        return 40;
    return 162;
}

您还需要为:didSelectRowAtIndexPath: 和使用它的其他方法重新计算 indexPath.row。

Answer 3

虽然@A-Live 在技术上是正确的，但为了防止出现其他问题，例如：您忘记将 indexPath.row/2 放在某处，您可以执行以下操作（不涉及编程）：

例如，您的 UITableViewCell 高度通常为 90 磅，而您希望每个单元格之间有 10 磅的间距。使您的 UITableViewCell 高 100 点，并将 UITableViewCell 的底部 10 点设置为空白（没有任何类型的对象）。然后单击界面生成器中的 UITableViewCell 并将 backgroundColor 设置为您想要的间距区域颜色。

瞧！您只需做一点工作就可以在每个单元格之间留出间距，这比在任何地方都编程 /2 容易得多！

Answer 4

如果您正在寻找快速解决方案，reddit 的这个答案对我来说非常适合。

class CustomTableViewCell: UITableViewCell {
override var frame: CGRect {
    get {
        return super.frame
    }
    set (newFrame) {
        var frame =  newFrame
        frame.origin.y += 4
        frame.size.height -= 2 * 4
        super.frame = frame
    }
}
}