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

 

 

FadeTransition은 위젯의 불투명도를 애니메이션 합니다. Flutter는 애니메이션 동작과 효과를 추가하는 강력한 에니메이션 엔진이 있으며 쉽고 편하게 구현할 수 있습니다. 오늘 알아볼 FadeTransition 역시 대상이 사라지는 것 처럼 간단한 작업에 적용될 수 있습니다. Fade In Fade out 이 반복되거나 일정 시간동안 애니메이션 되기를 원한다면 사용을 고려해 보세요.

FadeTransition 사용예제 어플 

해당 예제는 하위 위젯의 불투명도값을 조절하는 Animation을 FadeTransition에 적용한 예입니다. FlutterLogo가 사라졌다 나타났다는 반복해 줍니다. 전체소스코드는 글 마직막에 확인 하실 수 있습니다. 

FadeTransition class

Constructors 

FadeTransition를 사용하기위한 위젯을 생성합니다.  opactity 필드값에 따라 하위 위젯의 불투명도가 변경됩니다. 

Inheritance 

Object > DiagnosticableTree > Widget > RenderObjectWidget > SingleChildRenderObjectWidget > FadeTransition

Properties

alwaysIncludeSemantics → bool

하위 위제에 의미 정보가 항상 포함되는지 여부확인합니다. 

final

opacity → Animation<double>

자식의 불투명도를 제어하는 애니메이션입니다

final

전체소스코드