这似乎是一个简单的问题，但我在寻找解决方案时遇到了困难，我希望这里有人可以提供帮助...

我正在使用 UITableViewStyleGrouped 制作 UITableView，我在表格 View 的每个部分的第一行和第二行之间看到一条小(1 像素)白线(见图)

看起来这条线的原因是每个部分中的第一个单元格比其他单元格高 1 个像素。当我将每组的初始单元格设置为 29 像素高(其他为 30 像素)时，间隙消失，一切正常。

虽然这个解决方法是成功的，但我更想知道发生这种情况的原因，这样我就可以避免使用困惑的 hack。

仅供引用:

• 我已确保这不是我使用的背景图片的问题 - 它们都是 30 像素高，并且我已将顶部图片替换为中间图片，结果相同。
• 我通过设置 separatorStyle = UITableViewCellSeparatorStyleNone 删除了单元格之间的所有边框
• 这种效果不会发生在 UITableViewStylePlain 上

非常感谢任何帮助。

谢谢

表格设置代码:

  myTable = [[UITableView alloc] initWithFrame:CGRectMake(TABLE_SHIFT_OFFSET,
                                                          DATE_SLIDER_HEIGHT - DATE_SLIDER_SHADOW_HEIGHT,
                                                          326,
                                                          self.view.frame.size.height - DATE_SLIDER_HEIGHT + DATE_SLIDER_SHADOW_HEIGHT) style:UITableViewStyleGrouped];
  myTable.backgroundColor = [UIColor clearColor];
  myTable.backgroundView = nil;
  myTable.separatorStyle = UITableViewCellSeparatorStyleNone;
  [self.view addSubview:myTable];
  myTable.dataSource = self;
  myTable.delegate = self;

单元设置代码:

- (float)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
  // This is a hack to make sure that a white line doesnt appear between the
  // first and second rows in the table, which happens for reasons I dont understand
  if (indexPath.row == 0) {
    return 29;
  }

  return 30;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{     
  MyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"satCell"];
  if (!cell)
  {
    cell = [[MyTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"satCell"];
  }

  cell.backgroundView = nil;
  cell.backgroundView = [[UIView alloc] initWithFrame:CGRectZero];

  cell.backgroundColor = [UIColor whiteColor];
  int numberOfRowsInThisSection = [self tableView:tableView numberOfRowsInSection:indexPath.section];

  if (numberOfRowsInThisSection == 1)
  {
    cell.backingImage = self.singleWhite;
  }
  else if (indexPath.row == 0)
  {
    cell.backingImage = self.topWhite;
  }
  else if (indexPath.row % 2 == 0)
  {
    // Even row
    if (indexPath.row == numberOfRowsInThisSection - 1)
    {
      // Last row (even)
      cell.backingImage = self.botWhite;
    }
    else
    {
      // Normal row (even)
      cell.backingImage = self.midWhite;
    }
  }
  else if (indexPath.row % 2 == 1)
  {
    // Odd row
    if (indexPath.row == numberOfRowsInThisSection - 1)
    {
      // Last row (even)
      cell.backingImage = self.botDark;
    }
    else
    {
      // Normal row (odd)
      cell.backingImage = self.midDark;
    }
  }

  // Setup cell text [REMOVED FOR BREVITY]

  return cell;
}

在 MyTableViewCell 中设置背景图像的代码:

- (void)setBackingImage:(UIImage *)backingImage
{
  if (self.backingImage != backingImage)
  {
    _backingImage = nil;
    _backingImage = backingImage;
    self.backingView.image = backingImage;
  }
}

self.backingView 使用以下代码设置:

[[UIImageView alloc] initWithFrame:CGRectMake(7, 0, 307, 30)];

最佳答案

这是一个已知问题，仅当您隐藏分组 tableView 的分隔符时才会发生，完全相同的事情发生在另一个 stack overflow question 中。 .

简单的说，top和lower cell多用一个point，但是separator把它隐藏了，所以解决办法是:

1. 减去额外的间距(就像您已经做的那样)
2. 将背景设为重复图案或可拉伸(stretch)图像(不是想推销我自己，但上一个链接线程中的 the answer I gave 也说明了如何制作可拉伸(stretch)图像)。
3. 不要隐藏分隔符，但颜色与单元格的背景相匹配，因此它看起来像是隐藏的。

选项 2 似乎是“最干净的”并且增加了支持可变高度的 tableView 单元格的好处。

为什么它有那个额外的点？只有 Apple 知道。

关于ios - 分组的 UITableView 中第一个和第二个单元格之间有 1 个像素的间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14637057/