class addView extends StatefulWidget {
@override
_addViewViewState createState() => _addViewViewState();
}
// 1,with TickerProviderStateMixin 要继承这样类
class _addViewViewState extends State<addView> with TickerProviderStateMixin{
//动画效果
AnimationController animationController;
@override
void initState() {
super.initState();
animationController = AnimationController(
vsync: this,
duration: Duration(milliseconds: 1000),
);
animationController.forward(); //加上这个,动画才能执行,可以放到按钮的点击事件里面去,
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('新增页面'),
elevation: 2.0,
),
body: Center(
child: AnimatedIcon(
icon: AnimatedIcons.menu_arrow, progress: animationController),
),
);
}
}
AnimatedIcon按钮旋转动画
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 仿照微博写的➕按钮 点击之后效果: //离开时隐藏View 代码传送门:https://github.com/Ga...
- 前言 最近的项目中有需求在tabbar中间添加凸起按钮,并且点击时按钮要旋转,看了仿闲鱼的凸起,点击后是prese...
- 下边有整体效果,希望能帮助到你! 定义一个视图 @property (weak, nonatomic) IBOut...
- 一、概念 旋转动画,子类:RotateAnimation,标签:<rotate>它可以使View具有旋转的动画效果...
- 关于到顶部刷新的实现,可以查看我另外一篇文章 这里tab是使用的RadioGroup,很倔强的我坚持不使用第三方,...