Повторно анимировать градиентный фон с другим цветом в swift в ios

Я хочу, чтобы воссоздать градиентный фон с другим цветом при анимации. Я могу успешно анимировать цвет градиента с помощью этого кода.

let dayTopColor = CommonUtils.colorWithHexString("955EAC")
let dayBottomColor = CommonUtils.colorWithHexString("9F3050")
let dayToTopColor = CommonUtils.colorWithHexString("D15B52")
let dayToBottomColor = CommonUtils.colorWithHexString("CC4645")
let nightTopColor = CommonUtils.colorWithHexString("2D5E7C")
let nightBottomColor = CommonUtils.colorWithHexString("19337D")
let nightToTopColor = CommonUtils.colorWithHexString("21334E")
let nightToBottomColor = CommonUtils.colorWithHexString("101A55")
var isInSaudiArabia = false
var gradient : CAGradientLayer?
var toColors : AnyObject?
var fromColors : AnyObject?

func animateBackground(){
        var layerToRemove: CAGradientLayer?
        for layer in self.view.layer.sublayers!{
            if layer.isKindOfClass(CAGradientLayer) {
                layerToRemove = layer as? CAGradientLayer
            }
        }
        layerToRemove?.removeFromSuperlayer()

            self.gradient!.colors = [nightTopColor.CGColor, nightBottomColor.CGColor]
            self.toColors = [nightToTopColor.CGColor, nightToBottomColor.CGColor]

        self.view.layer.insertSublayer(self.gradient!, atIndex: 0)
        animateLayer()
    }

    func animateLayer(){

        self.fromColors = self.gradient!.colors!
        self.gradient!.colors = self.toColors as? [AnyObject]
        let animation : CABasicAnimation = CABasicAnimation(keyPath: "colors")
        animation.delegate = self
        animation.fromValue = fromColors
        animation.toValue = toColors
        animation.duration = 3.50
        animation.removedOnCompletion = true
        animation.fillMode = kCAFillModeForwards
        animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
        animation.delegate = self

        self.gradient!.addAnimation(animation, forKey:"animateGradient")
    }

    override func animationDidStop(anim: CAAnimation, finished flag: Bool) {

        self.toColors = self.fromColors;
        self.fromColors = self.gradient!.colors!

        animateLayer()
    }

CommonUtils.colorWithHexString () - это функция, которая преобразует шестнадцатеричный цвет в UIColor. Кстати, когда я пытаюсь изменить цвет фона на дневной цвет во время анимации, цвет градиента фона мерцал.

есть ли кто-нибудь, кто знает решение.

1 ответов


проблема в том, что при удалении слоя он останавливает анимацию. Но когда анимация останавливается, animationDidStop по-прежнему вызывается, что само по себе запускает новую анимацию. Итак, вы удаляете слой, который останавливает анимацию, немедленно запускает другую, но затем вы запускаете еще одну анимацию. У вас есть дуэльные анимации.

вы можете проверить flag чтобы увидеть, если анимация закончена должным образом до animationDidStop должны позвонить animateLayer.

override func animationDidStop(anim: CAAnimation, finished flag: Bool) {
    if flag {
        toColors = fromColors;
        fromColors = gradient!.colors!

        animateLayer()
    }
}

лично я не уверен, почему вы удаляете, добавляете и удаляете слой. И если да, то я не уверен, почему вы просто не gradient?.removeFromSuperlayer() вместо итерации по слоям.

независимо от того, я бы просто оставил gradient слой там, просто проверьте его presentationLayer и начать анимацию оттуда:

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        fromColors = [dayTopColor.CGColor, dayBottomColor.CGColor]
        toColors = [dayToTopColor.CGColor, dayToBottomColor.CGColor]

        gradient = CAGradientLayer()
        gradient!.colors = fromColors!
        gradient!.frame = view.bounds
        view.layer.addSublayer(gradient!)

        animateLayer()
    }

    let dayTopColor = CommonUtils.colorWithHexString("955EAC")
    let dayBottomColor = CommonUtils.colorWithHexString("9F3050")
    let dayToTopColor = CommonUtils.colorWithHexString("D15B52")
    let dayToBottomColor = CommonUtils.colorWithHexString("CC4645")

    let nightTopColor = CommonUtils.colorWithHexString("2D5E7C")
    let nightBottomColor = CommonUtils.colorWithHexString("19337D")
    let nightToTopColor = CommonUtils.colorWithHexString("21334E")
    let nightToBottomColor = CommonUtils.colorWithHexString("101A55")

    var gradient : CAGradientLayer?
    var toColors : [CGColor]?
    var fromColors : [CGColor]?

    var day = true

    func toggleFromDayToNight() {
        day = !day

        if day {
            fromColors = [dayTopColor.CGColor, dayBottomColor.CGColor]
            toColors = [dayToTopColor.CGColor, dayToBottomColor.CGColor]
        } else {
            fromColors = [nightTopColor.CGColor, nightBottomColor.CGColor]
            toColors = [nightToTopColor.CGColor, nightToBottomColor.CGColor]
        }

        let colors = (gradient!.presentationLayer() as! CAGradientLayer).colors // save the in-flight current colors
        gradient!.removeAnimationForKey("animateGradient")                      // cancel the animation
        gradient!.colors = colors                                               // restore the colors to in-flight values
        animateLayer()                                                          // start animation
    }

    func animateLayer() {
        let animation : CABasicAnimation = CABasicAnimation(keyPath: "colors")
        animation.fromValue = gradient!.colors
        animation.toValue = toColors
        animation.duration = 3.50
        animation.removedOnCompletion = true
        animation.fillMode = kCAFillModeForwards
        animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
        animation.delegate = self

        gradient!.colors = toColors

        gradient!.addAnimation(animation, forKey:"animateGradient")
    }

    override func animationDidStop(anim: CAAnimation, finished flag: Bool) {
        if flag {
            swap(&toColors, &fromColors)
            animateLayer()
        }
    }

    @IBAction func didTapButton() {
        toggleFromDayToNight()
    }

}