问题标签 [flare]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5257 浏览

svg - 在 Flutter 中绘制 SVG 并与之交互

我们正在开发一个基于 SVG 输入显示人体的应用程序。这个人体分为几个区域,想想头、左臂、右臂、腹部等。

我们希望在用户单击例如一只手臂时突出显示图像的一个区域。在 Flutter 中实现这样的事情的最佳方法是什么?

我们尝试将 Flare 用于 Flutter,但这个库不提供与所显示的人体的直接交互。

有没有更简单的方法:

  • 基于 SVG 渲染身体(未来的作品可能会改变);
  • 检测点击,例如GestureDetector
  • 根据点击的坐标查找按下的区域;

请注意,简单的框将不起作用,因为图像的部分重叠。可以看到我们想要达到的效果,我这里点了一只手臂。在它周围画一些可点击的框,效果不好。

提前致谢。

艺术品

0 投票
2 回答
425 浏览

flutter - Flare 和 Flutter 使用不同的设备(屏幕)

我正在使用flare 和flutter 迈出第一步,现在能够将动画放入flutter 中而无需手动编码真的很棒。但我不明白如何使耀斑响应(如何支持不同的屏幕尺寸)。

这是启动画面的一部分:

这在我的 iPhone X 上运行良好,因为动画是为那个尺寸设计的。有什么方法可以让更小的设备使用同样的耀斑动画?使用 iPhone SE 进行测试导致动画被剪辑。

我希望有另一种方法,而不是为多种屏幕尺寸创建多个动画。

0 投票
1 回答
208 浏览

flutter - Flare Flutter 动画

我正在尝试调用动画(我得到了),但我希望在完成后将它转发到另一页。我该如何做路由系统或如何让动画完成并调用另一个屏幕?

0 投票
0 回答
236 浏览

flutter - 运行应用程序时不显示耀斑动画

我正在尝试运行以下动画,但是,当我运行应用程序时,它没有显示在屏幕上。我使用 mediaquery 而不是坐标的硬编码数字,以便无论屏幕大小如何,动画都会呈现在同一个位置。

我执行此操作的方式有问题吗?

0 投票
0 回答
242 浏览

flutter - 颤振与 exynos cpu/gpu 有问题吗?

我正在编写一个简单的应用程序,它有一个堆栈,背景是移动动画,前面是简单的文本字段。在调试模式下的模拟器上,该应用程序比在我的 Galaxy J6 上运行更流畅。UI 帧为 3-4 毫秒,但 GPU 线程平均显示 23-25 毫秒和 30-48 fps。

我看到另一个关于 exynos cpu 问题的帖子,但由于一些声誉问题,我无法在那里发表评论。我还检查了耀斑示例并运行了企鹅动画,它的响应式 UI 比我的要差,但 GPU 正在努力工作。

一个建议?

这是我的颤振医生:

0 投票
1 回答
228 浏览

flutter - 实施了耀斑动画,现在动画和文本在运行应用程序时均不显示

我正在尝试在我的颤振应用程序中运行耀斑动画,但由于某种原因它没有出现。我没有得到 linting/run time 错误,所以我无法找出问题所在。我是错误地实现了这个动画还是在“容器”中使用“扩展”有问题?

0 投票
2 回答
422 浏览

animation - 有没有办法修改 Flare 中的初始动画状态?

我创建了一个 Flare 动画,它只是 Flutter 应用程序中的一个订阅/取消订阅按钮。

按下按钮时动画会运行,并且一切看起来都很好,例如,如果用户订阅了,则在用户按下按钮后按钮会显示为“已订阅”。但是,如果用户已经订阅并返回到相关屏幕,则按钮不处于订阅状态。它保持原始的“订阅”状态

我正在使用 Flare 文件中的单个画板。它有两个动画,订阅和取消订阅,它们听起来像。单击按钮时动画会正确播放,但是重新加载屏幕时不会保留状态。例如,如果我已订阅,然后离开应用程序并返回,我会看到“订阅”按钮,即使我已经这样做了。

我不确定我是否需要为此设置 2 个单独的艺术板,或者是否有更好的方法?

0 投票
0 回答
221 浏览

animation - 如何将flare文件转换为mp4文件?

我有一个耀斑文件,我需要在另一个视频的开头显示其动画。

有什么方法可以将flare文件/项目转换为更可用的格式?

0 投票
1 回答
45 浏览

javascript - 获取通向 D3 视觉中被点击元素的路径 (flare.json)

我正在使用著名的flare.json文件:

我需要获得通向任何给定值的路径。例如,如果我搜索 MergeEdge,它将返回以下路径:

我需要以某种方式递归搜索嵌套的 JSON,并根据导致该值的孩子找到导致感兴趣值的路径。

我正在尝试使用这样的东西:

或者,如果 D3 通过单击元素的数据本机提供此路径,那就太好了,但我还没有看到这一点。

0 投票
1 回答
652 浏览

flutter - Flare/Flutter:如何在开始之前重置动画的进度?

我有一个 Flare 文件,其中包含 3 个动画,都在同一个画板上。我知道在动画之间切换时,Flare 默认情况下会将动画混合在一起,并且播放一个动画不会将相关节点值重置回它们在编辑器中的第 0 帧上的值。这就是我想要实现的行为:在播放新动画时,我希望之前的动画完全停止(根本不要混合它们),并且让传入的动画从一开始就以其所有默认值开始.

用例是这样的:

  1. 播放动画,例如,形状的不透明度降至零
  2. 播放使用上方形状的不同动画,但在 Flare 编辑器中,它的不透明度在动画开始时为 1

期望的结果:新动画重置形状的不透明度,然后开始正常播放

实际结果:由于之前的动画改变了形状的不透明度,新的动画将使用原来的形状而不是在编辑器中创建的形状

对于我在 GitHub 上解释的问题,您可以查看有关此问题的线程的结尾(有 gif):https ://github.com/2d-inc/Flare-Flutter/issues/14

在上面的帖子中,Luigi Rosso 提到了“重新实例化”画板。有谁知道他的意思以及如何做到这一点?我已经尝试了几种方法来做到这一点,例如makeInstance在类中找到的方法FlutterActorArtboardActorNode以及其他一些方法(该方法有一些变体,makeInstance但它们都具有相似的名称并返回一个新的画板。但是,我没有运气更换到目前为止,我的画板在 FlareController 实现中的当前实例。

我还尝试手动遍历ActorNode画板的所有 s 并首先保存它们的初始值,然后每次播放新动画时将保存的值复制到画板,但这似乎非常糟糕(动画是无法识别并且在那之后没有正确播放,所以我一定做错了什么。或者我正在重置错误的值)。

任何帮助表示赞赏,谢谢!