Flutter로 개발하기(10) - 애니메이션 소개

2019-03-17

Android

flutter

Introduction to animations

플러터 애니메이션 프레임워크를 배울 수 있는 리소스는 다음과 같습니다.

애니메이션 튜토리얼 플러터 애니메이션 패키지에 있는 기본 클래스들(controllers, Animatable, curves, listeners, builders)을 설명합니다.
플러터로 0에서 1까지 part1, part2 어떻게 움직이는 표를 만드는지 보여주는 미디엄 아티클입니다.
플러터로 아름다운 UI 만들기 간단한 채팅앱을 만드는 코드랩입니다. 스탭7에서 메시지를 추가할 때 애니메이션을 사용합니다.

트윈 애니메이션에는 시작점과 끝점이 있고, 그 사이에 속도가 변화되는 커브를 지정할 수 있습니다.

물리기반 애니메이션에서 이동궤적은 현실세계와 같게 적용됩니다.

이 패턴은 리스트와 그리드에서 항목이 추가, 삭제되는 과정에 애니메이션을 추가하는 것과 연관돼있습니다.

이 패턴은 사용자가 어떤 페이지에서 요소를 클릭하고, 그 요소에 대한 상세 페이지가 열릴 때 사용되는 전환 애니메이션과 연관돼있습니다.

이 패턴은 작은 모션들을 조합하는 것과 연관돼있습니다.