8

我有一个 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;
}
4

4 回答 4

37

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

在单元格类中,添加以下代码:

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

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

于 2014-03-31T02:10:17.460 回答
7

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

- (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;
}

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

于 2012-05-25T22:29:24.033 回答
4

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

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

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

于 2013-07-28T03:33:41.520 回答
0

如果您正在寻找快速的解决方案,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
    }
}
}
于 2016-08-12T10:15:55.860 回答