zoukankan      html  css  js  c++  java
  • flutter 按钮弹簧动画AnimationController

    效果图:

    
    

    import 'package:flutter/cupertino.dart';
    import 'package:flutter/material.dart';

    class SLHomePage extends StatefulWidget {
    @override
    State<StatefulWidget> createState() {
    return _SLHomePageState();
    }
    }
    class _SLHomePageState extends State<SLHomePage> with SingleTickerProviderStateMixin{
    late AnimationController _controller;
    late Animation<double> _animation;
    late Tween<double> _tween;
    @override
    void initState() {
    super.initState();
    _controller = AnimationController(vsync: this,duration: const Duration(milliseconds: 400));
    _animation = CurvedAnimation(parent: _controller, curve: Curves.elasticOut,reverseCurve:Curves.elasticInOut);
    _tween = Tween(begin: 0.7,end: 1);
    _controller.forward();
    }
    @override
    void dispose() {
    _controller.dispose();
    super.dispose();
    }
    @override
    Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
    height: MediaQuery.of(context).size.height,
    child: Center(
    child: Container(
    200,
    height: 90,
    child: ScaleTransition(scale: _tween.animate(_animation),child: TextButton(
    child: Text('按钮'),
    onPressed: (){
    _controller.repeat();
    setState(() {
    _controller.forward();
    });
    }
    )
    )
    ),
    ),
    );
    }
    }
     
  • 相关阅读:
    洛谷P1880 石子合并
    洛谷P3265 装备购买
    bzoj1345 序列问题
    从群里抄来的某题
    poj2689 Prime Distance
    灯 & 树
    [HNOI2013]游走
    A
    B
    hdu 1247 Hat’s Words(字典树)
  • 原文地址:https://www.cnblogs.com/lulushen/p/15433717.html
Copyright © 2011-2022 走看看