Flutter动画 5 - Flutter内置动画组件，android记事本开发实验报告

最新推荐文章于 2024-05-21 21:59:27 发布

wa2231a

最新推荐文章于 2024-05-21 21:59:27 发布

阅读量380

点赞数

分类专栏：程序员文章标签：架构移动开发 android

本文链接：https://blog.csdn.net/wa2231a/article/details/122452553

版权

本文通过多个示例详细介绍了Flutter内置的动画组件，包括RotationTransition、ScaleTransition、SizeTransition、SlideTransition、AnimatedPadding、AnimatedPositioned、AnimatedOpacity、AnimatedAlign、AnimatedContainer和AnimatedDefaultTextStyle，展示了如何在Android记事本开发中实现丰富的动画效果。

摘要由CSDN通过智能技术生成

late AnimationController _controller = AnimationController(
duration: const Duration(seconds: 2),
vsync: this,
)…repeat(reverse: true);
late Animation _animation = CurvedAnimation(
parent: _controller,
curve: Curves.elasticOut,
);

@override
void dispose() {
_controller.dispose();
super.dispose();
}

@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: RotationTransition(
turns: _animation,
child: const Padding(
padding: EdgeInsets.all(8.0),
child: FlutterLogo(size: 150.0),
),
),
),
);
}

ScaleTransition示例

late AnimationController _controller = AnimationControll
er(
duration: const Duration(seconds: 2),
vsync: this,
)…repeat(reverse: true);
late Animation _animation = CurvedAnimation(
parent: _controller,
curve: Curves.fastOutSlowIn,
);

@override
void dispose() {
super.dispose();
_controller.dispose();
}

@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ScaleTransition(
scale: _animation,
child: const Padding(
padding: EdgeInsets.all(8.0),
child: FlutterLogo(size: 150.0),
),
),<