import 'package:flutter/material.dart';

/// create by 张风捷特烈 on 2020-03-23
/// contact me by email 1981462002@qq.com
/// 说明:

//    {
//      "widgetId": 116,
//      "name": 'AnimatedSwitcher基本使用',
//      "priority": 1,
//      "subtitle":
//          "【child】 : 孩子组件   【Widget】\n"
//          "【duration】 : 动画时长  【Duration】\n"
//          "【switchOutCurve】 : 切出曲线  【Curves】\n"
//          "【switchInCurve】 : 切入曲线  【Curves】\n"
//          "【switchInCurve】 : 切入曲线  【Curves】\n"
//          "【transitionBuilder】 : 动画构造器  【Widget Function(Widget, Animation<double>)】",
//    }

class CustomAnimatedSwitcher extends StatefulWidget {
  const CustomAnimatedSwitcher({Key? key}) : super(key: key);

  @override
  _CustomAnimatedSwitcherState createState() => _CustomAnimatedSwitcherState();
}

class _CustomAnimatedSwitcherState extends State<CustomAnimatedSwitcher> {
  int _count = 0;

  @override
  Widget build(BuildContext context) {
    return Wrap(
      crossAxisAlignment: WrapCrossAlignment.center,
      children: <Widget>[
        _buildMinusBtn(),
        SizedBox(width:80,child: _buildAnimatedSwitcher(context)),
        _buildAddBtn()
      ],
    );
  }

  Widget _buildAnimatedSwitcher(BuildContext context) =>
      AnimatedSwitcher(
          duration: const Duration(milliseconds: 400),
          transitionBuilder: (Widget child, Animation<double> animation) =>
              ScaleTransition(
                  child: RotationTransition(turns: animation, child: child),
                  scale: animation),
          child: Text(
            '$_count',
            key: ValueKey<int>(_count),
            style: Theme.of(context).textTheme.headline3,
          ),
        );

  Widget _buildMinusBtn() {
   return MaterialButton(
        padding: const EdgeInsets.all(0),
        textColor: const Color(0xffFfffff),
        elevation: 3,
        color: Colors.red,
        highlightColor: const Color(0xffF88B0A),
        splashColor: Colors.red,
        child: const Icon(
          Icons.remove,
          color: Colors.white,
        ),
       shape: const CircleBorder(
         side: BorderSide(width: 2.0, color: Color(0xFFDFDFDF)),
       ),
        onPressed: () => setState(() => _count -= 1));
  }

  Widget _buildAddBtn() => MaterialButton(
        padding: const EdgeInsets.all(0),
        textColor: const Color(0xffFfffff),
        elevation: 3,
        color: Colors.blue,
        highlightColor: const Color(0xffF88B0A),
        splashColor: Colors.red,
        child: const Icon(
          Icons.add,
          color: Colors.white,
        ),
        shape: const CircleBorder(
          side: BorderSide(width: 2.0, color: Color(0xFFDFDFDF)),
        ),
        onPressed: () => setState(() => _count += 1));
}