[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를 사용하면 이와 같은 간단한 애니메이션을 손쉽게 추가할 수 있습니다.