[Flutter] 부드러운 전환의 마법, Flutter 암시적 애니메이션
📖 암시적 애니메이션 (Implicit Animation)
- 개발자가 애니메이션의 시작과 끝 상태만 정의하면 시스템이 자동으로 중간 과정을 계산하여 부드러운 전환 효과를 만들어주는 애니메이션 방식이다.
🌿 특징
프레임이나 타이밍 계산이 불필요하다.
- 개발자가 직접 계산하지 않아도
Flutter 프레임 워크가 자동으로 처리한다.
간결한 코드 구조가 가능하다.
- 무엇을 애니메이션 할지만 정의하면 되고 어떻게는 시스템이 알아서 처리한다.
자연스러운 전환 효과가 가능하다.
- 애니메이션 도중 목푯값이 변경되어도 현재 상태에서 새로운 목표로 부드럽게 이어진다.
duration & curve 속성이 있다.
- 모든 암시적 애니메이션은 변화에 걸리는 시간
duration, 속도 변화의 리듬 curve를 지정할 수 있다.
미리 정의된 타이밍 함수를 사용한다.
- 시스템이 이 곡선을 기반으로 시작 값에서 끝 값까지의 모든 중간 값을 자동으로 보간(
interpolation) 한다.
💎 대표 위젯
AnimatedContainer, AnimatedOpacity, AnimatedAlign, AnimatedPadding, AnimatedPositioned
⚙️ 주의할 점
- 애니메이션을 언제 시작 • 멈출지 반복 여부나 세부 타이밍 제어가 필요하다면
AnimationController를 사용하는 명시적 애니메이션 (Explicit Animation) 방식이 필요하다.
🌸 정리
- 암시적 애니메이션은 단순하고 직관적인 UI 변화에 적합하여 복잡한 타이밍 제어가 필요 없는 경우에 가장 효율적인 애니메이션 방식이다.
