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();
    });
    }
    )
    )
    ),
    ),
    );
    }
    }
     
  • 相关阅读:
    python线程池 ThreadPoolExecutor 的用法
    charles基本配置
    爬取咪哩咪哩动漫视频
    超级鹰识别验证码
    selenium滑动验证
    subprocess模块
    ffmpeg常用命令
    Appium环境搭建(详细)
    appium下载安装及环境配置
    MIPS——无符号乘法
  • 原文地址:https://www.cnblogs.com/lulushen/p/15433717.html
Copyright © 2011-2022 走看看