8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

Flutter - 动画制作问题(使用 Anim

Rusi Popov 2月前

25 0

我目前正在复制 Be The Buzz 网站的菜单设计,这是我在 Awwwards 网站上看到的。我使用 Dart 和 Flutter 进行编码。我还是个初学者,

我目前正在复制 Be The Buzz 网站 Awwwards 网站上偶然 发现的 。我使用 Dart 和 Flutter 进行编码。我还是个初学者,这个项目是我磨练创建流畅动画技能的方式。

我在部署或关闭菜单内容时遇到了动画问题。您可以在此视频中查看我的代码结果: LINK 。此外,这是我的 GitHub 存储库的链接,其中包含整个 Flutter 项目: LINK .

第一个问题:部署菜单后,所有内容应该会逐步显示,但我无法成功复制此效果。例如,“SERVICES”文本表现出一些不稳定的移动。

第二个问题:如视频所示,当我关闭菜单时,不透明度应该逐渐减小到 0,但似乎没有达到完全透明。

我的问题是:实现渐进式动画的最简单方法是什么,每个元素逐个出现?此外,我该如何解决当前的问题?如果您知道任何可以帮助实现这些结果的软件包,请在评论中分享它们或直接回复。

我期待您的见解和帮助。祝您编码愉快!

帖子版权声明 1、本帖标题:Flutter - 动画制作问题(使用 Anim
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Rusi Popov在本站《dart》版块原创发布, 转载请注明出处!
最新回复 (0)
  • 服务菜单项似乎具有不同的持续时间或错误的间隔值,这导致了不稳定的移动。要解决不透明度问题,您可以将侦听器附加到动画控制器。当用户按下关闭按钮时,启动动画。一旦动画达到特定值,调用方法关闭菜单。另一个选项是使用与不透明度动画不同的持续时间关闭菜单。

返回
作者最近主题: