Flutter / Flare-如何在特定关键帧处启动闪光文件的动画

时间:2019-07-08 03:36:33

标签: animation flutter dart flare

我已经为要在flutter应用程序中实现的这些波创建了Flare动画-参见此处:

https://www.2dimensions.com/a/Tyrone/files/flare/wavey/preview

我已成功将文件导入到我的应用中,并且它在虚拟设备上显示了我的喜欢程度。这是我的应用布局的基本思想:

屏幕0-初始屏幕 屏幕1-输入电话号码 屏幕2-输入用户名 屏幕3-主应用页面

我希望波的动画在初始屏幕上的中断处拾取。最重要的是,我试图使每次通过应用程序屏幕时,海浪不断上升。

问题是,我的尝试造成了非常草率的过渡。

在“输入电话号码屏幕”的屏幕底部附近,然后在中间位置附近,我已将波浪的位置设置在初始页面上。

我尝试将带有标签的Hero用作Flare资产名称“ assets / waves.flr”,但这有两个问题:

[1]库存抖动导航动画发生,这使整个过程看起来不一致(如何禁用此功能?) [2]在“输入电话号码屏幕”上的波浪动画没有从“初始屏幕”波形停止的地方开始。这是预料之中的,因为我感觉需要访问Flare文件的关键帧数据,但是您该怎么做?

解决后,我只需要弄清楚如何增加屏幕上的海浪高度即可。我认为这不会太难,但是在我解决了前两个问题后我们会看到

Expanded(
            child: Hero(
              tag: 'assets/wavey.flr',
              child: Stack(

                children: <Widget>[


                   Animations.waves, // static FlareActor variable from my Animations.dart file
// Other irrelevant code...

我希望看到屏幕之间的平滑过渡,其中波浪使用Flare可以完美地在水平和垂直方向传播,或者如果有人有其他建议,我欢迎他们。

现在我看到草率的动画过渡。

0 个答案:

没有答案