4

我已经为我想在我的颤振应用程序中实现的这些波浪创建了一个 Flare 动画 - 请参见此处：

https://rive.app/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 完美地水平和垂直传播的屏幕之间的平滑过渡，或者如果有人有其他建议，我愿意接受。

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

4

0 回答 0