我想动画一个三色渐变缓慢。放慢CAGradientLayer动画
我有一个自定义UIView
像这样:
class MyView: UIView, CAAnimationDelegate {
lazy var gradientLayer: CAGradientLayer = {
let l = CAGradientLayer()
l.frame = self.frame
l.colors = self.colors
l.startPoint = CGPoint(x: 0, y: 0)
l.endPoint = CGPoint(x: 1, y: 0)
l.mask = self.textLayer
return l
}()
lazy var textLayer: CATextLayer = {
let l = CATextLayer()
l.frame = self.frame
l.string = "test".uppercased()
l.fontSize = 23
return l
}()
var colors: [CGColor] = [
UIColor.red.cgColor,
UIColor.purple.cgColor,
UIColor.blue.cgColor
]
init() {
...
self.layer.addSublayer(gradientLayer)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
func animate() {
var newColors = colors
let lastColor: CGColor = newColors.last!
newColors.removeLast()
newColors.insert(lastColor, at: 0)
colors: newColors
gradientLayer.colors = newColors
let a = CABasicAnimation(keyPath:"colors")
a.toValue = newColors
a.duration = 0.1
a.isRemovedOnCompletion = true
a.fillMode = kCAFillModeForwards
a.delegate = self
gradientLayer.add(a, forKey:"animateGradient")
}
func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
animate()
}
}
这工作,但速度非常快。我怎样才能减慢动画,而不会变得块状? 我是否必须为colors
阵列添加几百种颜色才能使其足以循环使用?
感谢
wouldnt它只是改变a.duration = 0.1到更慢的东西? – rambossa
使'duration'较小会导致动画变得更快。使其变大并且您没有流体动画。它更像是一个跳跃,而不是动画。 – Joseph
您可以使用'UIColor''红色''绿色''蓝色''alpha'方法并在您的动画块中更改它们的值。但是你需要想出一个算法,它能够以覆盖你的三原色的方式完成RGB的组合。 –