IOS tableview设计带有边距和间距的块状单元格

【问题标题】：IOS tableview design block-like cells with margins and spacingIOS tableview设计带有边距和间距的块状单元格
【发布时间】：2014-10-25 14:31:26
【问题描述】：

我是 IOS 开发新手，目前正在开发一个涉及使用 uitableviews 的 APP。

默认的uitableview设计是聚集在一起的，单元格之间没有间距和边距。

我正在寻找一种方法来设计单元格之间的垂直间距以及边缘和单元格之间的水平间距的表格视图。我还想在 tableviewcell 周围添加一个完整的边框，顶部、底部、左侧和右侧。

这就像 google-plus 设计

我已经研究了一天的 stackoverflow，并且有一些技巧和解决方法。我只想要最好的方法。

【问题讨论】：

“最佳方法”不是一个合适的 Stack Overflow 问题。你有什么具体问题？显示您的代码以及问题所在。

标签： ios objective-c uitableview

【解决方案1】：

如果您将表格视图的分隔符样式设置为“无”并将单元格的任何子视图放置在远离单元格边缘的位置，则单元格之间会出现空间。如果您想要内容周围的边框（但不是单元格的实际边缘以保持单元格之间的空间错觉），您可以向单元格添加一个子层，其边框从单元格的边缘插入。所以，在 UITableViewCell 子类中，你可以有这样的东西，

- (void)didMoveToSuperview {
    CALayer *insetLayer = [CALayer new];
    insetLayer.frame = CGRectInset(self.layer.bounds, 20, 20);
    insetLayer.borderWidth = 2;
    insetLayer.borderColor = [UIColor blueColor].CGColor;
    insetLayer.cornerRadius = 4;
    [self.layer addSublayer:insetLayer];
}

标签和按钮在我的单元格中垂直居中，看起来像这样，

这些单元格实际上是相邻的，但插入的边框给人一种它们之间有间距的错觉。

【讨论】：