IOS桌面视图devise块状单元格与边距和间距

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

默认的uitableviewdevise是在单元格之间没有间距和边距的情况下进行聚类的。

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

这就像谷歌加devise

谷歌地方tableviewcell设计

我一直在寻找一天的计算器,有一些黑客和解决方法。 我只想要最好的方法。

如果将表视图的分隔符样式设置为“无”,并将单元格的任何子视图放在单元格的边缘之外,则它将显示为单元格之间有空格。 如果你想要在你的内容周围有一个边框(但不是单元格的实际边缘来维持单元之间的空间错觉),那么可以在单元边缘插入一个边框来添加一个子图层。 所以,在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]; } 

在我的单元格中有一个垂直居中的标签和button,看起来像这样,

在这里输入图像说明

这些单元格实际上是相邻的,但是embedded边框给出了它们之间的间隔的幻觉。