如何在iPhone中自定义tableView分隔符

Question

默认情况下,uitableview中有一个单行分隔符.

但我想把我的自定义行作为分隔符.

可能吗？怎么样？

Answer 1

如果你想做的不仅仅是使用UITableView的separatorColor属性更改分隔符的颜色,那么你可以将separatorStyle属性设置为UITableViewCellSeparatorStyleNone,然后:

• 创建自定义UITableViewCell,其中包含您的自定义分隔符
• 创建包含自定义分隔符的备用UITableViewCell

例如,如果您的表当前显示5行,则可以将其更新为显示9行,而索引1,3,5,7处的行将是分隔符单元格.

有关如何创建自定义UITableViewCell的更多信息,请参阅" 表视图编程指南"中的"对UITableViewCell进行子类化".

Answer 2

更好的解决方案是使用单元格的当前宽度和高度.像这样的东西:

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, cell.contentView.frame.size.height - 1.0, cell.contentView.frame.size.width, 1)];

lineView.backgroundColor = [UIColor darkGrayColor];
[cell.contentView addSubview:lineView];

Answer 3

如果您需要不同行的不同分隔符颜色,或者您希望分隔突出显示行时分隔符保持可见,请尝试以下操作:

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

// We have to use the borderColor/Width as opposed to just setting the 
// backgroundColor else the view becomes transparent and disappears during 
// the cell's selected/highlighted animation
UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake(0, 43, 1024, 1)];
separatorView.layer.borderColor = [UIColor redColor].CGColor;
separatorView.layer.borderWidth = 1.0;
[cell.contentView addSubview:separatorView];

这假设您的单元格的背景颜色是透明的.

上述解决方案来自一些广泛的实验.以下是关于我的发现的一些注意事项,我相信我会帮助人们:

在正常的"未选择"状态

• contentView(除非您以其他方式对其进行编码,否则在您的XIB中是什么)是正常绘制的
• selectedBackgroundView是HIDDEN
• backgroundView是可见的(因此,如果您的contentView是透明的,您会看到backgroundView或(如果您还没有定义backgroundView,您将看到UITableView本身的背景颜色)

选择一个单元格,随后出现以下任何动画:

• contentView中的所有视图/子视图都将其backgroundColor清除(或设置为透明),标签等文本颜色更改为其选定的颜色
• selectedBackgroundView变为可见(此视图始终是单元格的完整大小(如果需要,将忽略自定义框架,使用子视图).另请注意,由于某些原因,子视图的backgroundColor不会显示,也许它们设置为透明喜欢contentView).如果你没有定义selectedBackgroundView,那么Cocoa将创建/插入蓝色(或灰色)渐变背景并为你显示这个)
• backgroundView没有变化

取消选择单元格后,将开始删除突出显示的动画:

• selectedBackgroundView alpha属性从1.0(完全不透明)动画到0.0(完全透明).
• backgroundView再次保持不变(因此动画看起来像selectedBackgroundView和backgroundView之间的交叉淡入淡出)
• 只有动画完成后,contentView才会重新绘制为"未选中"状态,并且其子视图backgroundColor再次变为可见(这可能会导致您的动画看起来很糟糕,因此建议不要在您的动画中使用UIView.backgroundColor内容查看)

Answer 4

这些答案导致突出显示rect被您添加到单元格的分隔符覆盖(至少在iOS 6上进行测试).您需要设置为separatorColor以[UIColor clearColor]使单元格仍然以1px分隔,然后您可以在间隙中绘制分隔符:

- (void)viewDidLoad {
    self.tableView.separatorColor = [UIColor clearColor];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    // snip
    CALayer *separator = [CALayer layer];
    separator.backgroundColor = [UIColor redColor].CGColor;
    separator.frame = CGRectMake(0, 43, self.view.frame.size.width, 1);
    [cell.layer addSublayer:separator];
    return cell;
}

Answer 5

您添加cellForRowAtIndexPathtableView 的以下代码委托来为每个单元创建1px高度和200px宽度的自定义图像视图

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 1)];
lineView.backgroundColor = [UIColor blackColor];
[cell.contentView addSubview:lineView];

注意:我不知道它在性能上有多重.