UIView animateKeyframes kullanımı

Merhabalar bu yazımda UIView sınıfı içerisinde bulunan animateKeyframes kullanımını sizlerle paylaşacağım.

Uygulama içerisinde kullandığımız UIView.animate fonksiyonundan farklı olarak aynı block içerisinde farklı animasyonlar ekleyerek bunları sıralı bir şekilde işletebiliyoruz.

Aşağıda yazdığım örneği inceleyerek kullanımını görebilirsiniz.

UIView.animateKeyframes(withDuration: 4, delay: 0, options: .calculationModeCubic, animations: {
            UIView.addKeyframe(withRelativeStartTime: 0, relativeDuration: 1, animations: {
                self.box.frame.origin.x += 100
            })
            
            UIView.addKeyframe(withRelativeStartTime: 0.30, relativeDuration: 0.50, animations: {
                self.box.frame.origin.y += 100
            })
            
            UIView.addKeyframe(withRelativeStartTime: 0.70, relativeDuration: 0.25, animations: {
                self.box.alpha = 0
            })
        }, completion: nil)

animateKeyFrames içerisinde addKeyFrame bloklarını kullanarak ek animasyonlar ekleyebilirsiniz. withRelativeStartTime süresinide ayarlayarak sonraki animasyonun ne zaman çalışacağını kendiniz belirtebilir ve işleme alabilirsiniz.