首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何向CollectionView单元格中的图像添加渐变层

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

Stack Overflow用户
提问于 2019-02-19 15:12:44
回答 1查看 300关注 0票数 0

我有自定义的集合视图单元格,其中包含ImageViews和标签。我想在图像视图中添加渐变颜色。

我尝试了所有可能的解决方案,如添加蒙版和添加渐变到图像的子层。但是什么都不管用,请指导我解决这个问题

代码语言:javascript
运行
复制
    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)
EN

Stack Overflow用户

回答已采纳

发布于 2019-02-19 19:03:00

他!尝试在方法中设置imageView的渐变

cellForItemAt(_ indexpath: IndexPath)方法与其在集合视图单元格中的相同。

使用此方法

代码语言:javascript
运行
复制
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的渐变,如下所示

代码语言:javascript
运行
复制
setGradientBackground(imageView: cell.your_image_View, colorTop: any_color, colorBottom: any_color)

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

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

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54760588

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档