欢迎光临建站营销网站,一站式轻松搭建网站

快速平台建站公司

自助建站搭建平台系统,企业快速建站平台

flutter布局-8-animated_icons动画图片

作者:jcmp      发布时间:2021-04-22      浏览量:0
示例 github: flutt

示例 github: flutterlayout https://github.com/LiuC520/flutterlayout。

一、MaterialApp

连载: flutter布局-1-column 连载: flutter布局-2-row 连载: flutter布局-3-center 连载: flutter布局-4-container 连载:[ flutter布局-5-Matrix4矩阵变换。

对话框,通常是应用的一些信息当然我们一般都是需要自定义的,不用flutter自带的。

二、动画icons

自带的就下面14中动画图片,也就是从一种状态变换成另外一种状态 比如 AnimatedIcons.close_menu,这个表示从close(X)的样式变成menu(三)的样式。

var icons = [ AnimatedIcons.add_event, AnimatedIcons.arrow_menu, AnimatedIcons.close_menu, AnimatedIcons.ellipsis_search, AnimatedIcons.event_add, AnimatedIcons.home_menu, AnimatedIcons.list_view, AnimatedIcons.menu_arrow, AnimatedIcons.menu_close, AnimatedIcons.menu_home, AnimatedIcons.pause_play, AnimatedIcons.play_pause, AnimatedIcons.search_ellipsis, AnimatedIcons.view_list ];

三、具体使用方法

animationController = AnimationController( vsync: this, duration: Duration(microseconds: 2000), ); animationController.forward(); //加上这个,动画才能执行,可以放到按钮的点击事件里面去,... AnimatedIcon( size: 30, icon: icons[i], progress: animationController, semanticLabel: 'Show menu', ),

示例所在的位置: https://github.com/LiuC520/flutterlayout/blob/master/lib/material/animated_icons.dart。