ios - 渐变保持在集合视图中的单元格之间快速切换
问题描述
我的集合视图单元格有一个渐变背景,每个渐变都不同,具体取决于单元格是什么标签(例如圣诞节是紫色渐变,生日是绿色渐变)但是当滚动浏览集合视图时,渐变会不断改变单元格. 有没有办法解决这个问题?
这是我用来将渐变设置为背景视图的代码。它在cellForItemAt
cell.mainView.setGradientBackground(colours: self.getColourFromTag(tag: self.lists[indexPath.item].tag))
.setGradientBackground
是 UIView 的扩展,它只是为背景设置渐变。此处显示:
func setGradientBackground(colours: [CGColor]) {
let gradientLayer = CAGradientLayer()
gradientLayer.frame = bounds
gradientLayer.colors = colours
gradientLayer.locations = [0.0, 1.0]
gradientLayer.startPoint = CGPoint(x: 1.0, y: 1.0)
gradientLayer.endPoint = CGPoint(x: 0.0, y: 0.0)
layer.insertSublayer(gradientLayer, at: 0)
}
我使用下面的方法来获取渐变中的颜色
func getColourFromTag(tag: String) -> [CGColor] {
if tag == "Christmas" {
return [Colours.gradients.festive.start.cgColor, Colours.gradients.festive.end.cgColor]
}else if tag == "Birthday" {
return [Colours.gradients.lime.start.cgColor, Colours.gradients.lime.end.cgColor]
}else if tag == "Valentines Day" {
return [Colours.gradients.strawberry.start.cgColor, Colours.gradients.strawberry.end.cgColor]
}else if tag == "Charity" {
return [Colours.gradients.blueberry.start.cgColor, Colours.gradients.blueberry.end.cgColor]
}else if tag == "Event" {
return [Colours.gradients.fire.start.cgColor, Colours.gradients.fire.end.cgColor]
}else{
return [Colours.gradients.midnight.start.cgColor, Colours.gradients.midnight.end.cgColor]
}
}
我尝试将每个 [color] 附加到一个数组中,然后将其放入.setGradientBackground
at 中,indexPath.item
如下所示:
var colours = [[CGColor]]()
colours[indexPath.item] = self.getColourFromTag(tag: self.lists[indexPath.item].tag)
cell.mainView.setGradientBackground(colours: colours[indexPath.item])
但是,这不起作用,因为它超出了范围。有没有人有办法解决吗?谢谢你。
解决方案
阅读你的代码setGradientBackground()
,你总是初始化一个新的CAGradientLayer
并将它插入到你的单元格的最低位置。每次setGradientBackground()
再次调用时,新的渐变层将位于您已插入的所有其他渐变下方。
尝试CAGradientLayer
从子层中获取已经存在的颜色并设置新颜色。
var gradientLayer = CAGradientLayer()
if let sublayers = layer.sublayers {
for sublayer in sublayers {
if let gLayer = sublayer as? CAGradientLayer {
gradientLayer = gLayer
break
}
}
}
gradientLayer.frame = bounds
gradientLayer.colors = colours
gradientLayer.locations = [0.0, 1.0]
gradientLayer.startPoint = CGPoint(x: 1.0, y: 1.0)
gradientLayer.endPoint = CGPoint(x: 0.0, y: 0.0)
layer.insertSublayer(gradientLayer, at: 0)
编辑
这是一个更快速的版本(Swift 4.2),compactMap()
用于获取第一个现有的渐变层layer.sublayers
:
if let existingLayer = (layer.sublayers?.compactMap { $0 as? CAGradientLayer })?.first {
gradientLayer = existingLayer
}
推荐阅读
- rest - REST URIs 案例和有效负载案例
- r - 如何在 jupyter-notebook 中安装 R-magic?
- cmake - CMake 外部目标:自定义命令中的参考源目录
- java - 尤里卡服务器没有注册服务应用
- windows - 为什么即使检查隐藏文件后我的主机文件也不可见?
- python - 用于从以下用户获取提要的 Django 查询集
- python - 在嵌套循环中查找 max 的最小索引,键严格在第 0 个索引中
- c# - 嵌套应用程序显示外部 404 页面而不是它自己的 404 页面
- java - Hibernate 缓存并发中的只读与非限制读写
- typescript - 在 Typescript 中获取所有 Private 成员列表的方法?