如何制作带滑块的二维可调模型？

Question

我正在 flutter 中构建一个应用程序，我需要制作一个 2D 模型，用户可以使用一些滑块进行转换。

我一直在努力想出各种选择。

想法是有一个具有不同部分的 2D 对象，例如，蘑菇会有底部、下轴、上轴、头部底部、头部等

用户应该能够修改蘑菇的总长度，每个单独部分的宽度，以及蘑菇的曲率（用户在蘑菇中选择一个点，曲率应该从那个点开始），所有通过使用滑块。

如果有人能指出我如何实现这一目标，我将不胜感激。

谢谢！

到目前为止考虑了 CustomPaint 小部件，但蘑菇图像看起来很丑陋且非常基本。

Answer 1

我建议您查看

Transform

小部件，尤其是

Transform.scale

构造函数，以进行一些简单的 2D 转换操作。

使用您在问题中提供的示例，您可以将蘑菇的不同“部分”分成不同的

Image

小部件，每个小部件都有自己的

Transform

小部件，以及

Stack

所有这些小部件一起构成一个整体视图。

Answer 2

所以回答我自己的问题： Rive 正是我要找的东西。