如何向 CollectionView 单元格内的图像添加渐变层

How to add an Gradient Layer to Image inside an CollectionView Cell

我有包含 ImageView 和标签的自定义 Collection View Cell。我想向图像视图添加渐变颜色。

我尝试了所有可能的解决方案,例如添加蒙版和向图像的子图层添加渐变。但是没有任何效果,指导我解决这个问题

    let gradientLayer = CAGradientLayer()
    gradientLayer.frame = self.asanasImage.layer.bounds
    gradientLayer.colors = [UIColor.clear.cgColor,UIColor.black.cgColor]
    gradientLayer.locations = [0.7,1.2]
    self.asanasImage.layer.addSublayer(gradientLayer)

喂!尝试在方法

中为您的 imageView 设置渐变

cellForItemAt(_ indexpath: IndexPath) 方法在集合视图单元格中。

使用这个方法

func setGradientBackground(imageView: UIImageView, colorTop: UIColor, colorBottom: UIColor) {
        let gradientLayer = CAGradientLayer()
        gradientLayer.colors = [colorBottom.cgColor, colorTop.cgColor]
        gradientLayer.startPoint = CGPoint(x: 0.5, y: 1.0)
        gradientLayer.endPoint = CGPoint(x: 0.5, y: 0.0)
        gradientLayer.locations = [0, 1]
        gradientLayer.frame = self.view.bounds
        imageView.layer.insertSublayer(gradientLayer, at: 0)
    }

最后在 cellForItemAt(_ indexpath: IndexPath) 中像这样设置 imageView 的渐变

setGradientBackground(imageView: cell.your_image_View, colorTop: any_color, colorBottom: any_color)

根据您的需要和您想要的渐变颜色自定义方法。

希望我能帮上忙。如果有效,请让我知道并投票!谢谢 :D