How to combine transitions

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-combine-transitions]

 

How to combine transitions

 

뷰를 추가하거나 제거할때, SwiftUI는 새로운 애니메이션 스타일을 만들기 위해 combined(with:) 메소드를 사용해서 전환(transitions)을 결합합니다. 예를들어, 다음과 같이 뷰를 이동(하나의 전환)하고 흐려지게(두번째 전환) 만들 수 있습니다.

Text("Details go here.")
    .transition(AnyTransition.opacity.combined(with: .slide))

 

결합된 전환을 더 쉽게 사용하고 재사용 하기 위해, 다음과 같이 AnyTransition에서 확장을 만들 수 있습니다.

extension AnyTransition {
    static var moveAndScale: AnyTransition {
        AnyTransition.move(edge: .bottom).combined(with: .scale)
    }
}

 

이를 통해서 텍스트 뷰를 추가하거나 제거할 수 있습니다.

Text("Details go here.")
    .transition(.moveAndScale)