[swift] SwiftUI에서의 회전 애니메이션 구현하기

SwiftUI는 애니메이션을 쉽게 구현할 수 있는 강력한 도구입니다. 객체가 회전하는 애니메이션을 생성하려면 몇 가지 기본적인 단계가 필요합니다.

1. 회전 애니메이션을 적용할 뷰 생성

회전 애니메이션을 적용할 뷰를 생성합니다. 여기에 회전 애니메이션을 적용할 SwiftUI 뷰가 필요합니다.

struct RotatingView: View {
    @State private var degrees: Double = 0

    var body: some View {
        Image("yourImage")
            .rotationEffect(.degrees(degrees))
            .animation(.linear(duration: 1))
            .onAppear {
                withAnimation {
                    self.degrees += 360
                }
            }
    }
}

위의 코드에서 RotatingView는 회전 애니메이션을 적용할 이미지를 나타내는 간단한 예제입니다.

2. 뷰 호출

RotatingView를 뷰 계층 구조 내에서 호출하여 회전 애니메이션을 적용할 수 있습니다.

struct ContentView: View {
    var body: some View {
        RotatingView()
    }
}

결론

최종적으로, 애니메이션을 적용하고 싶은 뷰 안에 withAnimation을 사용하여 회전 애니메이션을 쉽게 구현할 수 있습니다. SwiftUI의 간결하고 직관적인 문법을 통해 빠르게 애니메이션을 구현할 수 있습니다.

이제 SwiftUI에서 회전 애니메이션을 구현하는 방법에 대해 이해했습니다. SwiftUI를 사용하면 이와 같은 간단한 애니메이션을 손쉽게 추가할 수 있습니다.

참고 자료