Flutter - AnimatedWidget

AnimatedWidget은 보통 Listenable인 Animation 객체와 함께 사용되지만, ChangeNotifier, ValueNotifier와 같은 Listenable와도 함께 사용이 가능합니다.

 

AnimatedWidget는 stateless 위젯에 가장 유용합니다. AnimatedWidget를 사용하고 싶다면, AnimatedWidget를 subclass하고 build 함수를 작성하세요.

 

추가적인 상태를 가지는 더 복잡한 위젯을 만들고 싶다면, AnimatedBuilder를 사용하세요.

 

Relationship to ImplicitlyAnimatedWidgets

AnimatedWidgets는 보통 AnimationController으로부터 얻어지는 Animation인 Listenable를 인자로 받습니다. 대부분의 경우에, AnimationController의 생명주기는 개발자가 수동으로 관리합니다. 그것과 반대로 ImplicitlyAnimatedWidgets는 개발자가 외부 Animation을 제공하지 않아도 되기 때문에 이런 클래스를 더 쉽게 사용할 수 있도록 내부 AnimationController를 자동으로 관리합니다. 만약 애니메이션의 타겟 값과, curve, duration 만을 설정해야 한다면, 이 클래스 대신 ImplicitlyAnimatedWidgets를 사용하세요.

 

Common animated widgets

Flutter는 많은 animated widgets을 가지고 있습니다. 보통 FooTransition으로 이름지어지고, Foo는 해당 위젯의 non-animated 버젼 입니다. 이 클래스의 서브클래스들은 AnimatedFoo의 이름을 가지는 ImplicitlyAnimatedWidget의 서브클래스들과 혼동되어서는 안됩니다. 자주 사용되는 animated widgets은 다음과 같습니다.:

• AnimatedBuilder, which is useful for complex animation use cases and a notable exception to the naming scheme of AnimatedWidget subclasses.
• AlignTransition, which is an animated version of Align.
• DecoratedBoxTransition, which is an animated version of DecoratedBox.
• DefaultTextStyleTransition, which is an animated version of DefaultTextStyle.
• PositionedTransition, which is an animated version of Positioned.
• RelativePositionedTransition, which is an animated version of Positioned.
• RotationTransition, which animates the rotation of a widget.
• ScaleTransition, which animates the scale of a widget.
• SizeTransition, which animates its own size.
• SlideTransition, which animates the position of a widget relative to its normal position.
• FadeTransition, which is an animated version of Opacity.
• AnimatedModalBarrier, which is an animated version of ModalBarrier.

상속 구조

• Object
• DiagnosticableTree
• Widget
• StatefulWidget
• AnimatedWidget

생성자

AnimatedWidget({Key? key, required Listenable listenable})

 

Implementers

 

• AlignTransition
• AnimatedBuilder
• AnimatedModalBarrier
• DecoratedBoxTransition
• DefaultTextStyleTransition
• PositionedTransition
• RelativePositionedTransition
• RotationTransition
• ScaleTransition
• SizeTransition
• SlideTransition