flutter佈局-8-animated_icons動畫圖片
阿新 • • 發佈:2018-12-20
示例 github:flutterlayout https://github.com/LiuC520/flutterlayout
MaterialApp
對話方塊,通常是應用的一些資訊當然我們一般都是需要自定義的,不用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', ),