[swift] Swift로 애니메이션 구현하기

07 Dec 2023

swift

애니메이션은 매력적인 사용자 경험을 제공하는 데 도움이 되는 중요한 기술입니다. Swift 언어를 사용하여 iOS 애플리케이션에서 애니메이션을 구현하는 방법을 알아보겠습니다. 이 포스트에서는 뷰의 페이드 인/아웃 애니메이션을 구현하는 예제를 다룰 것입니다.

시작하기 전에

이 예제는 Swift 언어와 iOS 개발에 대한 기본적인 이해가 있다고 가정합니다. 또한 Xcode와 iOS Simulator가 설치되어 있어야 합니다.

애니메이션 구현하기

먼저 UIView를 사용하여 애니메이션을 할 대상 뷰를 생성합니다. 다음은 페이드 인/아웃 애니메이션을 구현하는 예제입니다.

import UIKit

class ViewController: UIViewController {
    
    private var targetView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 대상 뷰 생성
        targetView = UIView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
        targetView.backgroundColor = UIColor.red
        view.addSubview(targetView)
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        
        // 페이드 인 애니메이션
        UIView.animate(withDuration: 1.0, animations: {
            self.targetView.alpha = 1.0
        }) { (_) in
            // 애니메이션이 완료된 후에 실행될 코드
            // 이 예제에서는 아무 작업도 하지 않음
        }
        
        // 페이드 아웃 애니메이션
        UIView.animate(withDuration: 1.0, delay: 3.0, options: [], animations: {
            self.targetView.alpha = 0.0
        }) { (_) in
            // 애니메이션이 완료된 후에 실행될 코드
            // 이 예제에서는 아무 작업도 하지 않음
        }
    }
}

위의 예제에서 targetView는 페이드 인/아웃 애니메이션을 할 대상이 되는 UIView입니다. viewDidLoad에서 targetView를 생성하고 화면에 추가합니다. 그리고 viewDidAppear에서 페이드 인 애니메이션과 페이드 아웃 애니메이션을 차례로 실행합니다.

UIView.animate(withDuration:animations:completion:) 메서드를 사용하여 애니메이션을 생성합니다. 첫 번째 매개변수에는 애니메이션의 지속 시간을 설정하고, 두 번째 매개변수에는 애니메이션의 변경 사항을 정의하는 클로저를 전달합니다. 세 번째 매개변수에는 애니메이션이 완료된 후에 실행될 코드를 정의하는 클로저를 전달합니다.

위의 예제에서는 페이드 인 애니메이션의 경우 targetView의 alpha 값을 1.0로 변경하고, 페이드 아웃 애니메이션의 경우 targetView의 alpha 값을 0.0으로 변경합니다.

실행 결과

위의 예제를 실행하면, 애플리케이션의 화면에 페이드 인/아웃 애니메이션을 할 대상이 되는 빨간색 뷰가 나타나고 사라지는 것을 확인할 수 있습니다.

결론

이 포스트에서는 Swift 언어를 사용하여 iOS 애플리케이션에서 애니메이션을 구현하는 방법을 알아보았습니다. 페이드 인/아웃 애니메이션을 구현하는 예제를 살펴보고, UIView.animate(withDuration:animations:completion:) 메서드를 사용하여 애니메이션을 생성하는 방법을 확인했습니다.

애니메이션은 사용자 경험을 향상시키는 강력한 기술입니다. Swift와 iOS 개발을 통해 다양한 애니메이션을 구현해보세요!

참고 자료: