问题标签 [flare]

我一直在使用 Swift 4 开发 iOS 应用程序，但最近（今天）在听说其功能后决定切换到 Flutter/dart。

在我的 iOS 应用程序中，我有一个移动的波浪背景（当你想到海洋时，实际是波浪）。波浪 .png 的宽度是 1606 个单位，我对其进行了动画处理，它会在 1 秒内从右向左平移 265 个单位，然后它会自行重复。通过这种方式，波浪在不断地移动，而实际上，它只是整个 png 重复自身的一小部分。

我需要将相同的背景应用到应用程序中的所有 ViewController（屏幕），我通过在转换之前发送最后一个已知的 x 值来实现这一点（视图控制器之间的转换，我相信这是 dart 的“路线”？）并将此值用作下一个 ViewController 中波浪的初始位置。当我向上或向下滑动以移动到不同的视图控制器时，波浪也会相应地移动。

出于某种原因，动画有点断断续续，但我想说 80% 的时间，它非常流畅。当我发布我的应用程序时，我需要它是 100%。

我将如何在 Dart 中完成这种类型的动画？

对于动画，Flare 似乎很有前途，我正打算用它来实现我的目标，但我想听听关于如何处理这个问题的任何建议。

新鲜的颤振项目，将“flare_flutter：^1.5.1”添加到 pubspec.yaml 时出错。

我有颤振 v1.5.4-hotfix.2

尝试了flare的dev分支

在我的 .yaml 文件中

我的错误

在 Children 命名参数上方有一个 Stack Widget 名称。当我尝试在列、行或列表小部件中运行 Flare Actor 小部件时，它不起作用并且消失了。但是当我在 Stack 中使用它时效果很好，但我无法正确定位它。当我检查调试控制台时，出现了一个错误，就是这样：

我的原始 Flare 文件/动画为其所有动画定义了三次曲线。但是当我在我的 Flutter 应用程序上导出并运行相同的动画时，它似乎使用了线性曲线。我已经多次导出文件并对其进行了不同的更改，但没有运气。

颤振代码：

文件：https ://github.com/2d-inc/Flare-Flutter/files/3266731/flare_files.zip

耀斑链接：https ://www.2dimensions.com/a/iamyogik/files/flare/new-file-4

应用中运行的耀斑动画视频：https ://drive.google.com/file/d/1B98DNE3Zq26jQs4YCsDx-2gYnNaPIo4J/view?usp=sharing

我正在使用flare，但出现此错误，当我使用CircularProgressIndicator() 时错误消失。

这是代码：

解决方案

当我从2Dimensions 的探索页面下载 Flare 图形时，我正在下载.flr2d文件。我猜这是一个项目字段。在flare中，您必须导出而不是下载。我已导出为二进制文件，并且输出文件具有.flr扩展名。感谢@Noob 帮助我找到答案。

您好，我尝试在颤动中使用滑块实现耀斑动画。我创建了五个键（1、2、3、4、5），它们调用特定的耀斑动画，它们在耀斑编辑器上效果很好，但是当我启动应用程序时，我遇到了一些动画项目添加偏移或消失或出现的问题，这是随机的...

我创建了一个简单的测试，使用不同的工具创建了不同的形状，包括光晕编辑器圆圈、六边形、钢笔，我目前在使用钢笔工具创建形状时遇到了问题，它们会消失或随机出现。

耀斑版本：flare_flutter：^1.5.2

这是示例

如果我用改变状态中断动画，这是另一个修改初始化原点的观察结果。我在最后一个位置动画的参考中观察到初始化原点的偏移量..而不是重新启动初始化原点

在这个例子中，我不知道为什么翻译使用最后一个旋转原点，而旋转保持初始原点按下。

在最后一个例子中，为什么我第一次按下按钮时一切都很好，第二次我松开平移轴？

我在flare中发布了这个问题，但可能我做错了

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

https://rive.app/a/Tyrone/files/flare/wavey/preview

我已将文件成功导入到我的应用程序中，它会在我的虚拟设备上显示我喜欢它的方式。以下是我的应用程序布局的基本思路：

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

我希望海浪的动画在初始屏幕上停止的地方继续播放。最重要的是，我试图让波浪在每次通过应用程序屏幕时上升。

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

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

我尝试使用带有标签的 Hero 作为我的 Flare 资产名称assets/waves.flr，但是这样做有两个问题：

1. 股票颤​​动导航动画发生，这使得整个过程看起来不一致（你如何禁用这个？）
2. “输入电话号码屏幕”上的波浪动画不会从“初始屏幕”波浪停止的地方开始。这是意料之中的，因为我觉得我需要访问我的 Flare 文件的关键帧数据，但你是怎么做到的？

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

我希望看到使用 Flare 完美地水平和垂直传播的屏幕之间的平滑过渡，或者如果有人有其他建议，我愿意接受。

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

1. 在我的项目import package:flare_flutter/flare_actor.dart';中没有导入？

2. FlareActor 显示错误。

3. 我参考了这个视频：Flare and Flutter Quick Start

4. 当我进行颤振运行时，我收到此错误：

   /li>

我怎样才能解决这个问题？

我有一个包含两个动画的耀斑文件： https ://www.2dimensions.com/a/Azhar/files/flare/google_loader/preview

我希望两个动画在单击一个按钮时一个接一个地播放。我做了一些研究，发现这FlareController可以帮助我，但我无法弄清楚如何使用它。

我正在使用 Flutter 创建一个自定义 TextView 小部件，我想在其中显示手写数字的动画，这样看起来文本是手写的。
我使用 60 fps 和 00:00:50 (500ms) 的持续时间为每个数字创建了动画。
在处理多个数字时，动画必须从左到右顺序播放。即第二个数字的动画应该只在第一个数字的动画结束后开始。

第二点是，当实际手写时，每个要写的数字的持续时间是不同的。例如，写“1”的时间不如写“5”的时间长。

到目前为止，我使用 Timer 类使用了 700 毫秒的硬编码延迟。比如写数字“18”时，先启动“1”的动画，等待700ms后启动“8”的动画，以此类推。问题是动画序列仍然看起来不自然，在玩了不同的延迟值之后也不自然。

手写“1”动画的示例用法：

两个连续动画的开始：

在我的小部件中同步数字动画以及在彼此之间同步完整的 TextView 应该很容易。

Flutter 中有没有办法以编程方式（在 FlareActor 中）检索动画的持续时间，或者可以提前设置播放动画的持续时间？