Search
🃏

Card Flip 애니메이션

부제
카테고리
SwiftUI
세부 카테고리
애니메이션
Combine 카테고리
최종편집일
2022/07/16 15:58
작성중
관련된 포스팅
생성 일시
2022/07/16 15:58
태그

1. 각도 변수 설정

@State private var rotationAngle = 0.0
Swift
복사

2. 애니메이션

withAnimation(.easeInOut(duration: 0.7)){ self.rotationAngle += 180 }
Swift
복사

3. 적용하고자 하는 View 에 rotaion3DEffect 추가

//Some View... } .rotation3DEffect( Angle(degrees: self.rotationAngle), axis: (x: 0.0, y: 1.0, z: 0.0) )
Swift
복사
경고 : 내부에 있는 컨텐츠도 180도 뒤집히게 된다. → 따라서 이에대해 대응 해주어야 한다. 대응안 1. 트랜지션 2. 컨텐츠 숨기기 3. 컨텐츠도 같이 회전