목록Animation (2)

seong_hye, the developer

SwiftUI) Transition, Animation에 대해 알아보기

📘 Transition뷰의 존재 유무의 변화를 애니메이션뷰를 이동할 때의 개념보다는 뷰를 보여지게 하거나 사라지게 하는 애니메이션의 개념.transition(_:)으로 선언하여 사용 가능들어가는 인수는 AnyTransition트랜지션이 실행되려면 상태 변경을 애니메이션으로 감싸야 함withAnimation { ... } 또는 .animation🔍 AnyTransition.opacity페이드 인 / 아웃.scale확대 / 축소로 등장 / 퇴장.move(edge: .top/.bottom/.leading/.trailing)가장자리에서 슬라이드.slide부모의 leading -> trailing로 슬라이드 (언어 방향성 영향).identity트랜지션 없음 (디버그, 조건부 조합에 사용)🔹결합 및 비대칭 기..
IOS/SwiftUI 2024. 10. 16.
Swift) Lottie 애니메이션 사용해보기

📘 LottieJSon 기반 애니메이션 파일을 앱, 웹, React Native 등 다양한 플랫폼에서 실시간으로 재생할 수 있게 해주는 라이브러리디자인 도구인 Adobe After Effects에서 만든 애니메이션을 Bodymovin 플러그인을 통해 JSON으로 내보내고 이를 Lottie로 앱에 넣어 재생하게 됨 Lottie = After Effects 애니메이션을 앱에서 부드럽게 실행하는 도구🔹 Lottie의 특징항목설명애니메이션벡터 기반 애니메이션 (JSON) 재생 가능퍼포먼스가볍고 빠름 (GIF보다 효율적)플랫폼 지원iOS, Android, Web, React Native, Flutter 등디자이너 친화디자이너 -> AE로 만든 애니메이션을 그대로 사용 가능JSON 파일Bodymovin으로 내보..
IOS 2022. 9. 22.
Prev 1 Next