您如何配置收集视图列表单元格以看起来插入圆角？

Question

在健康应用中，看来细胞而不是部分以这种方式进行了样式：

我知道的最接近此外观的是将部分设置为插图，

    let listConfiguration = UICollectionLayoutListConfiguration(appearance: .insetGrouped)
    let listLayout = UICollectionViewCompositionalLayout.list(using: listConfiguration)
    collectionView.collectionViewLayout = listLayout

但我不确定在上面的屏幕截图中像在每个单元格中一样的好方法。我假设显示的列表样式收集视图是两个部分，其中有三个总单元格，而不是三个插图分组的部分。

Answer 1

将这些行添加到您的收集视图单元格中（单独的单元格设计）。旋转文件，

它将有助于添加边框和半径，您可以根据需要自定义

  override func awakeFromNib() {
            super.awakeFromNib()
            
            self.contentView.layer.cornerRadius = 8.0
            self.contentView.layer.borderWidth = 1.0
            self.contentView.layer.borderColor = UIColor.lightGray.cgColor
            self.contentView.layer.masksToBounds = true
        }

Answer 2

在Swiftui中，我知道您可以做到这一点：

List(.....) { item in 
    Text("What ever you want here").background(Color.white.cornerRadius(10))
}

将.cornerradius添加到每个项目或其背景
不确定在uikit
中
使用uihostingview（或像这样的sth）桥接？