How to apply multiple animations to a view

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-apply-multiple-animations-to-a-view]

 

How to apply multiple animations to a view

 

SwiftUI의 animation() modifier를 사용하는 순서는 애니메이션되는 modifiers에 영향을 주고, 다른 애니메이션을 얻기 위해 여러개의 animation() modifier를 추가 할 수도 있습니다.

 

예를들어, 활성화와 비활성화 상태 사이에 애니메이션하고, 둥근 모서리와 배경색을 변경한 버튼을 만드는 코드를 작성할 수 있습니다. 둥근 모서리에 애니메이션을 주지만, 색상 변경에는 주지 않는 경우에, 다음과 같이, 도형을 잘라낸(clip) 후에 animation(.default) 애니메이션을 사용하고, 배경 준 뒤에 animation(nil)을 사용합니다.

struct ContentView: View {
    @State var isEnabled = false

    var body: some View {
        Button("Tap Me") {
            self.isEnabled.toggle()
        }
        .foregroundColor(.white)
        .frame(width: 200, height: 200)
        .background(isEnabled ? Color.green : Color.red)
        .animation(nil)
        .clipShape(RoundedRectangle(cornerRadius: isEnabled ? 100 : 0))
        .animation(.default)
    }
}

 

이런 기술을 사용해서 필요한 경우에 모든 modifier에 다르게 애니메이션 주는게 가능합니다.