Tween() 내 begin, end의 값

샤워실의 바보·2024년 2월 11일
0

Flutter Animation

목록 보기
14/31
post-thumbnail
 late final Animation<double> _rotation = Tween(
    begin: 0.0,
    end: 2.0,
  ).animate(_animationController);

  late final Animation<double> _scale = Tween(
    begin: 1.0,
    end: 1.1,
  ).animate(_animationController);

  late final Animation<Offset> _position = Tween(
    begin: Offset.zero,
    end: const Offset(0, -0.2),
  ).animate(_animationController);

Flutter에서 Tween을 사용한 애니메이션에서 beginend 값은 애니메이션의 시작과 끝 상태를 나타냅니다. 이 값들은 애니메이션 효과를 적용하려는 속성의 범위를 결정합니다. 즉, 애니메이션이 시작할 때의 값(begin)과 끝날 때의 값(end)을 지정하여 애니메이션이 진행되는 동안 이 두 값 사이를 보간(중간 값을 계산)합니다.

Rotation (회전) 애니메이션:

  • _rotation 애니메이션에서 begin: 0.0end: 2.0은 회전 애니메이션의 시작 각도와 끝 각도를 나타냅니다.
  • 여기서 각도는 '바퀴 회전' 단위로 표현되며, 1.0은 360도 회전을 의미합니다. 따라서, 2.0은 720도, 즉 두 바퀴 회전을 의미합니다.
  • 이 애니메이션은 위젯이 0도에서 시작하여 720도까지 회전하도록 합니다.

Scale (크기 조절) 애니메이션:

  • _scale 애니메이션에서 begin: 1.0end: 1.1은 위젯의 크기 조절 애니메이션의 시작 크기와 끝 크기를 나타냅니다.
  • 1.0은 원래 크기(100%)를 의미하며, 1.1은 원래 크기의 110%로 크기가 증가함을 의미합니다.
  • 이 애니메이션은 위젯이 원래 크기에서 시작하여 10% 더 커지도록 합니다.

Position (위치 이동) 애니메이션:

  • _position 애니메이션에서 begin: Offset.zeroend: const Offset(0, -0.2)는 위젯의 위치 이동 애니메이션의 시작 위치와 끝 위치를 나타냅니다.
  • Offset.zero는 (0, 0) 위치를 의미하며, const Offset(0, -0.2)는 y축으로 -0.2만큼 이동함을 의미합니다. Flutter에서 y축의 음수 방향은 위쪽을 가리킵니다.
  • 이 애니메이션은 위젯이 원래 위치에서 시작하여 y축으로 상단 방향으로 약간 이동하도록 합니다.

결정 방법:

  • 이 값들은 개발자가 원하는 애니메이션 효과와 애플리케이션의 디자인 요구에 따라 결정됩니다.
  • 애니메이션의 자연스러움, 목표하는 시각적 효과, 사용자 경험 등을 고려하여 적절한 beginend 값을 선택합니다.
  • 또한, 이러한 값들은 다양한 테스트와 조정을 통해 최적화될 수 있습니다.
profile
공부하는 개발자

0개의 댓글