[swift] Swift 앱 애니메이션 구현 방법

04 Dec 2023

swift

앱에 애니메이션을 추가하면 사용자들에게 더욱 흥미로운 경험을 제공할 수 있습니다. Swift에서는 다양한 방법으로 앱 애니메이션을 구현할 수 있습니다. 이 글에서는 Swift 앱에서 애니메이션을 구현하는 몇 가지 방법을 살펴보겠습니다.

UIView 애니메이션

Swift에서 가장 일반적인 방법은 UIView 클래스의 애니메이션 메서드를 사용하는 것입니다. 아래는 UIView.animate(withDuration:animations:) 메서드를 사용하여 뷰의 알파 값을 조절하는 예제입니다.

UIView.animate(withDuration: 0.5, animations: {
    self.view.alpha = 0.0
}) { (finished) in
    // 애니메이션이 완료된 후 실행되는 코드
}

이 코드는 view의 알파 값을 0.0으로 애니메이션을 진행하고, 애니메이션이 완료된 후 실행할 코드를 클로저로 전달합니다.

Core Animation

Core Animation은 Swift에서 강력한 애니메이션 기능을 제공하는 프레임워크입니다. Core Animation을 사용하면 레이어 기반의 애니메이션을 구현할 수 있습니다.

import QuartzCore

let animation = CABasicAnimation(keyPath: "position.x")
animation.fromValue = 0.0
animation.toValue = 100.0
animation.duration = 1.0
view.layer.add(animation, forKey: "positionAnimation")

위의 예제는 뷰의 x 축 위치를 애니메이션으로 변화시키는 방법을 보여줍니다. CABasicAnimation을 사용하여 애니메이션 인스턴스를 생성하고, view의 레이어에 추가합니다.

SwiftUI 애니메이션

SwiftUI는 iOS 13부터 도입된 UI 프레임워크로, 애니메이션을 쉽게 구현할 수 있는 기능을 제공합니다. SwiftUI를 사용하면 선언적인 방식으로 UI와 애니메이션을 설계할 수 있습니다.

Button(action: {
    // 버튼 클릭 시 애니메이션
    withAnimation {
        self.isAnimating = !self.isAnimating
    }
}) {
    Text("Animate")
}
.scaleEffect(isAnimating ? 1.2 : 1.0)

위의 코드는 버튼이 클릭될 때 isAnimating 상태에 따라 크기가 변하는 애니메이션을 구현한 예제입니다. withAnimation 블록 안에서 상태 변화를 감싸면 해당 변화가 애니메이션으로 처리됩니다.

이 외에도 Swift에서는 다양한 애니메이션 기능을 제공하고 있습니다. 애니메이션이나 UI 디자인에 관심이 있다면, Apple의 공식 문서나 온라인 자료를 참고하는 것이 도움이 될 것입니다.

UIView 애니메이션

Core Animation

SwiftUI 애니메이션

참고 자료