Flutter AnimatedAlign 使用解析
在Flutter中, Align 可以用来实现 Widget的对齐排版。
在Flutter中, AnimatedAlign 可以用来实现 Widget的对齐排版变化时形成一个动画过渡,也是一种简单的动画效果。
///代码清单
class DemoAlignPage extends StatefulWidget {@override_DemoAlignPageState createState() => _DemoAlignPageState();
}class _DemoAlignPageState extends State<DemoAlignPage> {//对齐方式Alignment _alignment = Alignment.center;@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("这里是首页")),body: Container(child: AnimatedAlign(alignment: _alignment,//动画曲线curve: Curves.bounceInOut,//动画执行完成onEnd: () {print("执行结束 ");},duration: Duration(seconds: 2),child: Text("早起的年轻人",style: TextStyle(fontWeight: FontWeight.w600,color: Colors.blueAccent,),),),),floatingActionButton: FloatingActionButton(child: Text("切换"),onPressed: () {_alignment = _alignment == Alignment.center? Alignment.topCenter: Alignment.center;setState(() {});},),);}
}
如果你有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料。
- Flutter 从入门 到精通系列文章在这里
- 当然也必需是要有源码的 在这里了
- github 有点慢 不妨来看看码云的源码吧
- 系列学习教程在这里
Flutter AnimatedAlign 动画效果
Flutter AnimatedAlign 使用解析相关推荐
- Flutter 路由原理解析
前言 这一次,我尝试以不贴一行源代码的方式向你介绍 Flutter 路由的实现原理,同时为了提高你阅读源码的积极性,除了原理介绍以外,又补充了两个新的模块:从源码中学习到的编程技巧,以及 阅读源码之后 ...
- 融云 Flutter IM SDK 解析
最近准备使用融云的 Flutter SDK,所以顺便记录一下. 融云 Flutter IM SDK 地址:传送门 融云的 Flutter SDK 是基于 融云 IMLib 层做的封装,封装了 IMLi ...
- Flutter 手势GestureDetector解析
对于移动端的开发者来说,手势是一个非常重要的模块,基本上做任何App都会遇到各种各样的手势问题,而手势也是移动的一个不算小的模块吧,要彻底搞得还是得费一些时间的,如果之前对Android或者IOS的手 ...
- Flutter JSON数据解析
文章目录 Flutter JSON解析 基本使用 定义bean类 解析Json 解析JsonArray 自动生成Model类 添加依赖 编写代码 执行命令 在线网站生成 JsonToDart插件生成 ...
- Flutter 动画全解析(动画四要素、动画组件、隐式动画组件原理等)
本文通过拆解 Flutter 中动画的实现方式以及原理来介绍动画实现的整个过程. 1. 动画四要素 动画在各个平台的实现原理都基本相同,是在一段时间内一系列连续变化画面的帧构成的.在 Flutter ...
- Flutter AnimatedList 使用解析
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
- flutter AnimatedPositionedDirectional 使用解析
在 Flutter 中,AnimatedPositionedDirectional 组件应用在 Stack 中,当位置或者是大小改变时,呈动画效果 const AnimatedPositionedDi ...
- Flutter 初始化工程解析
工程目录介绍 代码介绍 示例代码在 mian.dart 这个文件中,将代码折叠可以发现,除了main函数,还有三个class main函数: void main() {runApp(const MyA ...
- Flutter 项目开发指导 从基础入门到精通使用目录
Flutter 从入门 到精通系列文章 本文章为 Flutter 开发中的经验积累分享.教程分享.开发笔记分享目录,持续维护中. 题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Fl ...
最新文章
- mysql创建表选择字段的时候下尽量小
- 计算硼原子基态能级B---动能和势能
- 自学编程的八大误区!克服它!
- 线性规划与网络流24题●09方格取数问题13星际转移问题
- 一键安装mysql5.6_一键安装MySQL5.6.43脚本
- python的扩展库numpy如何安装_python如何安装numpy库
- GB28181协议RTP传输
- YS-F4Pro开发板第四章:开发环境搭建【IAR和KEIL区别】【cube软件】【ST-Link和Jlink】
- ACM的奇计淫巧_输入挂
- Formality形式化验证脚本范本
- 【分享】精通并发与Netty教程
- [转帖]优麒麟和银河麒麟操作系统都出自于天津麒麟信息技术有限公司
- Pandas学习——分组
- 4、nerf(pytorch)
- 扫地机器人作文说明文提纲_关于物品的说明文:扫地机器人的自述
- 使用 css-transform 实现更好的拖拽功能
- php什么框架,php快速开发用什么框架
- 成长的旅途,未知的邂逅
- AMAZINGPANDAVERSE打造2.0元宇宙生态的能量杠杆
- 在线检测你的密码是否被泄露
热门文章
- 首个实时单目3D目标检测算法:RTM3D,代码将开源
- 一行Python代码就可以下载任意网站视频,零基础小白也能轻松学会
- 零基础学习Python文本处理
- 太赞了!性能超越谷歌MobileNet!ECCV2020重磅推出MobileNeXt !
- 怎样改变计算机桌面的特效主题,电脑桌面主题、图片怎么设置的技巧大全
- 卷积神经网络(CNN)介绍与实践
- 两种贝塞尔曲线选点方法的对比
- ubuntu Vim的退出命令
- 熵值法确定权重(matlab附代码)
- python paramiko远程执行命令打开窗口_使用Paramiko在远程机器上通过sshClient()执行本地python脚本...