Flutter CodePen 本周挑战 | 动画特效!

Flutter CodePen 本周挑战 | 动画特效!

本周挑战: 动画特效

在 Flutter 中,有一类动画可借助库内置的动画 widget 自动实现不同的动画效果,这种动画被称为 "隐式动画" (implicit animations)。根据官方文档的描述,"隐式动画允许开发者以更简单的方式管理动画效果,开发者无需进行太多干预,直接交由隐式动画处理即可。" 这里不难看出,隐式动画实际上就是某一类型的状态管理。动画 widget 通过属性值决定容器的外观,当属性值发生改变时 (类似于状态的改变),widget 会自动计算出一个从旧值过渡到新值的动画,整个流程完全隐式,不需要开发者进行任何额外工作。

  • 官方文档: 隐式动画

    https://flutter.cn/docs/development/ui/animations/implicit-animations

△ Flutter widget 介绍 —— AnimatedBuilder

  • Flutter widgets 介绍合集

    https://www.bilibili.com/medialist/play/ml980828158

即刻参与挑战!

Flutter CodePen 本周挑战 | 动画特效!

敬请加入 Flutter CodePen 挑战赛并积极参与每周挑战,挥洒创意!赛事期间,您可以使用 #FlutterPen 话题标签展示您创建的 Flutter 画笔。期待您的精彩设计!

  • Flutter CodePen 挑战赛

    https://codepen.io/challenges/2020/july/

我们将继续为您带来更多精彩内容,请持续关注 "谷歌开发者" 微信公众号以及 Bilibili 官方账号 "Google中国"。同时也欢迎大家在 Twitter 和 Instagram 参与 #codepenchallenge 话题,和我们聊一聊您的 codepen 挑战。

  • Flutter widgets 介绍合集

    https://www.bilibili.com/medialist/play/ml980828158

如需任何支持或帮助,来留言区找我们吧!

Flutter CodePen 本周挑战 | 动画特效!


推荐阅读

Flutter CodePen 本周挑战 | 动画特效!

Flutter CodePen 本周挑战 | 动画特效!

Flutter CodePen 本周挑战 | 动画特效!

Flutter CodePen 本周挑战 | 动画特效! 点击屏末  | 即刻加入挑战!


Flutter CodePen 本周挑战 | 动画特效!

Flutter CodePen 本周挑战 | 动画特效!

Flutter CodePen 本周挑战 | 动画特效!