import ‘package:flutter/material.dart’;
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State with TickerProviderStateMixin {
AnimationController controller;
@override
void initState() {
super.initState();
controller = AnimationController(
duration: const Duration(milliseconds: 2000),
vsync: this
);
}
Future playAnimation() async {
//先正向执行动画
await controller.forward().orCancel;
//再反向执行动画
await controller.reverse().orCancel;
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: GestureDetector(
//自己处理事件
behavior: HitTestBehavior.opaque,
onTap: () {
//播放动画
playAnimation();
},
child: Center(
child: Container(
width: 300.0,
height: 300.0,
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.1),
border: Border.all(
color: Colors.black.withOpacity(0.5),
),
),
//调用我们定义的交错动画Widget
child: StaggerAnimation(
controller: controller
),
),
),
),
),
);
}
}
//定义交错动画Widget
class StaggerAnimation extends StatelessWidget {
final Animation controller;
Animation height;
Animation padding;
Animation color;
StaggerAnimation({ Key key, this.controller }): super(key: key){
//高度动画
height = Tween(
begin:.0 ,
end: 300.0,
).animate(
CurvedAnimation(
parent: controller,
//间隔，前60%的动画时间
curve: Interval(
0.0, 0.6,
curve: Curves.ease,
),
),
);
color = ColorTween(
begin:Colors.green ,
end:Colors.red,
).animate(
CurvedAnimation(
parent: controller,
//间隔，前60%的动画时间
curve: Interval(
0.0, 0.6,
curve: Curves.ease,
),
),
);
padding = Tween(
begin:EdgeInsets.only(left: 0.0),
end:EdgeInsets.only(left: 300),
).animate(
CurvedAnimation(
parent: controller,
//间隔，后40%的动画时间
curve: Interval(
0.6, 1.0,
curve: Curves.ease,
),
),
);
}
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
builder: (context,child){
return Container(
alignment: Alignment.bottomLeft,
padding: padding.value ,
child: Container(
color: color.value,
width: 30.0,
height: height.value,
),
);
},
animation: controller,
);
}
}
3.效果图
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
总结
现在新技术层出不穷，如果每次出新的技术，我们都深入的研究的话，很容易分散精力。新的技术可能很久之后我们才会在工作中用得上，当学的新技术无法学以致用，很容易被我们遗忘，到最后真的需要使用的时候，又要从头来过（虽然上手会更快）。
我觉得身为技术人，针对新技术应该是持拥抱态度的，入了这一行你就应该知道这是一个活到老学到老的行业，所以面对新技术，不要抵触，拥抱变化就好了。
Flutter 明显是一种全新的技术，而对于这个新技术在发布之初，花一个月的时间学习它，成本确实过高。但是周末花一天时间体验一下它的开发流程，了解一下它的优缺点、能干什么或者不能干什么。这个时间，并不是我们不能接受的。
如果有时间，其实通读一遍 Flutter 的文档，是最全面的一次对 Flutter 的了解过程。但是如果我们只有 8 小时的时间，我希望能关注一些最值得关注的点。
附
（跨平台开发(Flutter)、java基础与原理，自定义view、NDK、架构设计、性能优化、完整商业项目开发等）
能干什么。这个时间，并不是我们不能接受的。
如果有时间，其实通读一遍 Flutter 的文档，是最全面的一次对 Flutter 的了解过程。但是如果我们只有 8 小时的时间，我希望能关注一些最值得关注的点。
附
（跨平台开发(Flutter)、java基础与原理，自定义view、NDK、架构设计、性能优化、完整商业项目开发等）
[外链图片转存中…(img-fDoEHVXp-1710678273820)]
127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
