具有圆角边缘的自定义表格视图单元格

Question

我希望创建一个如下图所示的表格单元格

这如何通过情节提要完成？我最初的计划是使用两个不同的视图/标签，并使用layer.cornerRadius修整边缘，但这会修整两个视图/标签的所有边缘。

Answer 1

将greenView添加到单元格的contentView中，并用cornerRadius对其进行四舍五入，并在其中添加blackView而不进行任何四舍五入，因为Superview仅会确保此工作

greenView.clipsToBounds = true // can be set in IB
greenView.layer.cornerRadius = 7

您还可以使用https://www.hackingwithswift.com/example-code/calayer/how-to-round-only-specific-corners-using-maskedcorners

将这2个视图彼此相邻添加，并在底部视图的顶部和底部添加圆角。

Answer 2

将两个视图都嵌入到容器UIView中，并在容器的各个角上变圆。

containerView.clipsToBounds = true
containerView.layer.cornerRadius = 10