[Flutter] animation을 사용하여 시도했습니다. 그 2

좋은 아침
점점 추워지고 올해도 곧 끝납니다.
최선을 다합시다.

이전 게시물 (연관)


  • [Flutter] animation을 사용하여 시도했습니다.

  • Stateful



    Stateful로 사용합니다.

    Curved Animation


  • [Flutter] 애니메이션 Curves
  • htps : // / cs. fぅ r. 이오/fぅ는 r/아니마치온/쿠 rゔぇs-cぁs. HTML
  •  animation = CurvedAnimation(parent: animationController, curve: Curves.bounceOut);
    
    
       animation.addStatusListener((status) {
          if (status == AnimationStatus.completed) {
            animationController.reverse();
          } else if (status == AnimationStatus.dismissed) {
            animationController.forward();
          }
        });
    
    
    
    class AnimatedLogo extends AnimatedWidget {
      final Tween<double> _sizeAnim = Tween<double>(begin: 0.0, end: 500.0);
    
    //  final CurvedAnimation _sizeAnim = CurvedAnimation(begin: 0.0, end: 500.0);
    
      AnimatedLogo({Key key, Animation animation})
          : super(key: key, listenable: animation);
    
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        final Animation<double> animation = listenable;
        return Transform.scale(
          scale: animation.value * 50,
          child: FlutterLogo(),
        );
      }
    }
    
    

    여기 주목 포인트.
    
      return Transform.scale(
          scale: animation.value * 50,
          child: FlutterLogo(),
        );
    
    

    마지막으로 꼭 잊지 마세요~
    @override
      void dispose() {
        // TODO: implement dispose
        animationController.dispose();
        super.dispose();
      }
    

    이것이라면.


  • 심장이 움직이는 애니메이션을 할 수 있다.



  • 참고


  • htps : // f ぅ라고 r. 이오 / 드 cs / ゔ ぇ p 멘 t / 우이 / 아니 마치 온 s / 쓰리 리
  • 좋은 웹페이지 즐겨찾기