swift - 具有圆形边缘的自定义表格视图单元格

Question

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

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

标签： swiftxcodeuitableview

Answer 1

在单元格的 contentView 内添加 greenView 并用它进行四舍五入，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