[swift] Swift에서 애니메이션 키프레임 작성하기

07 Dec 2023

swift

Swift는 iOS 애플리케이션 개발을 위한 프로그래밍 언어로, 효과적인 애니메이션을 구현하는 것이 매우 중요합니다. 애니메이션을 만들기 위해서는 키프레임을 작성해야 합니다. 키프레임은 애니메이션의 시작과 끝 상태를 정의하는 중간 상태입니다.

다음은 Swift에서 애니메이션 키프레임을 작성하는 방법에 대한 예시 코드입니다.

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var imageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 애니메이션 키프레임 작성
        let firstFrame = CGRect(x: 50, y: 100, width: 100, height: 100)
        let finalFrame = CGRect(x: 200, y: 100, width: 100, height: 100)
        
        let animationDuration = 2.0
        
        let firstKeyframe = UIViewPropertyAnimator(duration: animationDuration, curve: .linear) {
            self.imageView.frame = firstFrame
        }
        
        let finalKeyframe = UIViewPropertyAnimator(duration: animationDuration, curve: .linear) {
            self.imageView.frame = finalFrame
        }
        
        let animationSequence = AnimationSequence(animations: [firstKeyframe, finalKeyframe])
        
        animationSequence.start()
    }
}

위의 코드에서 firstFrame과 finalFrame은 애니메이션의 시작과 끝 상태에 대한 CGRect를 정의합니다. 이후 UIViewPropertyAnimator를 사용하여 각각의 키프레임에 대한 애니메이션을 만들고, AnimationSequence를 통해 연속적인 애니메이션 효과를 구현하고 실행합니다.

애니메이션 키프레임을 작성하는 것은 비교적 간단하지만, 실질적인 애니메이션 구현에는 많은 요소들이 들어갈 수 있습니다. 따라서 추가적인 학습과 실험을 통해 다양한 애니메이션 효과를 만들어 볼 수 있습니다.

참고 자료