美文网首页
widget组件记录

widget组件记录

作者: 温水煮青蛙a | 来源:发表于2023-03-10 20:55 被阅读0次
//相同child控件 只改变颜色大小
AnimatedContainer
//不同child控件切换
AnimatedSwitcher
AnimatedOpacity
AnimatedPadding
//https://api.flutter.dev/flutter/animation/Curves-class.html
curve: Curves.linear
TweenAnimationBuilder
//缩放
Transform.scale(scale: null)
//旋转
Transform.rotate(angle: null)
//偏移
            Transform.translate(
                 offset: Offset(10, 10),
            )




              AnimatedSwitcher(
                duration: Duration(seconds: 1),
                //显示动画效果
                transitionBuilder: (child, animation) {
                  //默认 透明度渐变
//                  return FadeTransition(opacity: animation,child: child);
                  return FadeTransition(
                      opacity: animation,
                      //缩放
//                      child: ScaleTransition(
//                          scale: animation,
//                          child: child
//                      )
                      //旋转
                      child: RotationTransition(
                          turns: animation,
                          child: child
                      )
                  );
                },
              )
AnimatedPadding(
                padding: EdgeInsets.all(10),
                duration: Duration(seconds: 1),
//              curve: Curves.linear,//默认
//              curve: Curves.bounceInOut,
              curve: Curves.bounceOut,
            )
TweenAnimationBuilder(
                tween: Tween(begin: 0, end: 1),
                duration: Duration(seconds: 1),
                builder: (BuildContext context, value, Widget child) {
                  return Opacity(opacity: value);
                },
            )

相关文章

  • Flutter 三棵树

    学习此好文章记录 Widget 控件层,在flutter中,Container、Text等组件都属于Widget,...

  • material design(未完成)

    记录material design组件的学习笔记 快速查找:WIN+Fstyle:主题样式:Widget.Mate...

  • K01-02:Kivy的Widget组件

    基本上Kivy中的UI组件都是继承Widget,掌握好Widget就基本上掌握了UI组件的使用。Widget的设计...

  • 总接 - Flutter Widget、Element和Rend

    1.Flutter一切都是Widget2.Widget组件的配置信息3.Element 组件实例,一个widget...

  • Flutter 之TabBar实现

    Flutter最基础的组件类是Widget,其它所有组件都继承Widget的,紧接着下面有两大类组件: 有状态组件...

  • Flutter之Widget和Element

    一、Widget Flutter是移动UI框架,Widget组件是UI的基础。 它们都是抽象类,继承Widget,...

  • 快速上手Widget设计?这章帮你你搞定!

    一、概念: Widget是什么? Widget就是可以放在桌面上的组件。 Widget特征 身材微 、 形式多 、...

  • Flutter学习笔记20-剪裁

    Flutter中用于对组件进行剪裁的Widget如下表: Widget用途ClipOval子组件为正方形时剪裁为内...

  • Flutter渲染原理

    widget介绍 flutter开发最常用到的对象就是widget,它不仅包含了各种UI组件,还囊括了手势操作组件...

  • Flutter 常用组件

    flutter中所有的东西都是组件(widget),组件又分为动态组件(StatefulWidget)、静态组件(...

网友评论

      本文标题:widget组件记录

      本文链接:https://www.haomeiwen.com/subject/ftgxnltx.html