애니메이션#
CoUI 는 토큰 기반 전환 외에, 임의 값을 보간하는 두 빌더를 제공합니다. 전환 시간은 CoreDuration 토큰을 경유하세요 (raw Duration
숫자 금지).
AnimatedValueBuilder#
value 가 바뀌면 이전 값에서 새 값으로 duration 동안 보간하며 builder 를 다시 호출합니다.
AnimatedValueBuilder<double>(
value: targetOpacity,
duration: const Duration(milliseconds: CoreDuration.ms300),
curve: Curves.easeInOut,
builder: (context, value, child) => Opacity(opacity: value, child: child),
child: const Card(/* ... */),
)
value(T, required) — 목표 값.duration(Duration, required) — 보간 시간.builder(required) — 보간된 값으로 위젯 빌드.curve(defaultCurves.linear) — 이징.
AnimatedValueBuilder.animation (Animation 객체 전달) / .raw (원시 보간 데이터) 변형도 있습니다.
RepeatedAnimationBuilder#
start ↔ end 사이를 반복 보간합니다 (로딩 인디케이터·맥동 효과 등).
RepeatedAnimationBuilder<double>(
start: 0.0,
end: 1.0,
duration: const Duration(milliseconds: CoreDuration.ms400),
curve: Curves.easeInOut,
builder: (context, value, child) => Transform.scale(scale: value, child: child),
)
start/end(T, required) — 보간 양 끝.-
duration(Duration, required) ·curve(defaultCurves.linear).