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. 컨텐츠도 같이 회전