将淡入淡出效果应用于 UICollectionView 的顶部和底部

我已经阅读了这里的示例，但我无法按照我想要的方式进行操作，不知何故，我的渐变示例卡在屏幕中间，无法按预期工作。

我有一个UICollectionView它用垂直滚动填充整个屏幕。

我想要顶部和底部UICollectionView为黑色，中间为透明（因为我使用的是黑色 blackgroundColor）。

我尝试应用渐变，但不知何故我无法实现我想要的。

这是我的代码：

let gradient = CAGradientLayer()
gradient.frame = view.bounds
gradient.colors = [UIColor.black.cgColor, UIColor.clear.cgColor, UIColor.black.cgColor]
gradient.startPoint = CGPoint(x: 1, y: 0)
gradient.endPoint = CGPoint(x: 1, y: 1)
view.layer.mask = gradient

上面的代码将渐变放置在屏幕中间，但相反。如果淡入全黑，则屏幕顶部和底部以及中间部分是透明的。

我正在尝试创建这样的东西：

感谢您的帮助

您可以通过更改颜色线来实现这一点：

gradient.colors = [
    UIColor(white: 1.0, alpha: 0).cgColor,
    UIColor(white: 1.0, alpha: 1).cgColor,
    UIColor(white: 1.0, alpha: 0).cgColor
]

或者，如果您想更好地控制渐变，您也可以使用下面的代码并调整位置和/或颜色 alpha 值：

let gradient = CAGradientLayer()
gradient.frame = view.bounds
gradient.colors = [
    UIColor(white: 1, alpha: 0).cgColor,
    UIColor(white: 1, alpha: 1).cgColor,
    UIColor(white: 1, alpha: 1).cgColor,
    UIColor(white: 1, alpha: 0).cgColor
]
gradient.locations = [0, 0.4, 0.6, 1]
view.layer.mask = gradient

文档中的原因；

一个可选图层，其 Alpha 通道用于遮盖图层内容。

图层的 Alpha 通道决定了图层内容和背景的显示程度。完全或部分不透明的像素允许底层内容显示出来，但完全透明的像素会阻挡该内容。