Flutter Animation 플러터 애니메이션 - DecoratedBoxTransition

 

 

DecoratedBoxTransition은 일정 시간 동안 두개의 서로 다른 Decorate속성값에 따라 애니메이션 효과를 적용하는 기능입니다. DecorationTween 속성인 begin, end에 BoxDecoration을 정의하고 두 속성 값에 따라 전환 에니메이션이 표현됩니다.

DecoratedBoxTransition

DecoratedBoxTransition 샘플 

다음 샘플은 색상, 보더, 그림자를 나타났다가 사라지게하는 에니메이션으로 DecoratedBoxTransition의 decoration 속성에 AnimationController를 정의하여 만들어졌습니다. 

DecoratedBoxTransition Class

 
[Decoration] 애니메이션이 업데이트되는 [DecoratedBox]를 만듭니다
[decoration] 및 [position]는 null이 아니어야 합니다.

Inheritance

Object > DiagnosticableTree > Widget > StatefulWidget > AnimatedWidget >  DecoratedBoxTransition.

Properties

decoration → Animation<Decoration>

장식의 애니메이션입니다.

final

position → DecorationPosition

상자 장식을 칠할 위치입니다.

• DecorationPosition.background,
  
• DecorationPosition.foreground,

final

소스코드