CollectionView 装饰视图自定义布局，糊一张带阴影效果的，Swift 5

2023-10-14 06:49:13

装饰视图 是一个用于在特定位置向 CollectionView 中添加附加内容的 UIView 子类。装饰视图可以是简单的标签、图像，甚至更复杂的视图，并且它们可以用来创建一个更具视觉吸引力的 CollectionView。

在本文中，我们将介绍如何在 Swift 5 中使用装饰视图为 CollectionView 添加自定义布局。我们还将向您展示如何使用阴影来为装饰视图添加一些样式。

创建装饰视图

要创建装饰视图，您需要创建一个新的 UIView 子类。此子类将负责装饰视图的外观和行为。

class CustomDecorationView: UIView {
  override func draw(_ rect: CGRect) {
    // 绘制装饰视图的内容
  }
}

将装饰视图添加到 `CollectionView` 中

要将装饰视图添加到 CollectionView 中，您需要使用 register(_:forDecorationViewOfKind:) 方法。此方法会将装饰视图注册为 CollectionView 的一种装饰视图。

collectionView.register(CustomDecorationView.self, forDecorationViewOfKind: "customDecorationView")

创建装饰视图布局

要为装饰视图创建自定义布局，您需要创建一个新的 UICollectionViewLayout 子类。此子类将负责确定装饰视图的位置和大小。

class CustomDecorationViewLayout: UICollectionViewLayout {
  override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    // 计算装饰视图的位置和大小
  }
}

将装饰视图布局添加到 `CollectionView` 中

要将装饰视图布局添加到 CollectionView 中，您需要使用 setCollectionViewLayout(_:) 方法。此方法会将布局设置为 CollectionView 的布局。

collectionView.setCollectionViewLayout(CustomDecorationViewLayout(), animated: true)

添加阴影到装饰视图

要为装饰视图添加阴影，您需要使用 layer.shadow 属性。此属性是一个 NSShadow 对象，您可以使用它来设置阴影的颜色、不透明度、偏移和半径。

decorationView.layer.shadow = NSShadow()
decorationView.layer.shadow?.color = UIColor.black
decorationView.layer.shadow?.opacity = 0.5
decorationView.layer.shadow?.offset = CGSize(width: 5, height: 5)
decorationView.layer.shadow?.radius = 5