颤振中的小部件/图像变形和扭曲

Question

诸如Transform小部件之类的小部件可轻松在Flutter中缩放，翻译和倾斜小部件。但是没有明显的方法可以使图像变形或使图像失真。

以翘曲为例：

假定此窗口小部件是一个带有装饰图像和“文本”窗口小部件作为其子容器的容器。在此，窗口小部件不受贝塞尔曲线或路径的限制。小部件已“拉伸”或扭曲。使用Container小部件可能无法实现此目的，但是可以使用CustomPainter做到吗？

另外，看看这个例子：

在这里，图像会由于波纹效应而失真。甚至可以使用Flutter复制它吗？

Answer 1

最好的方法是将小部件转换为图像并进行转换，方法是编辑像素数据或绘制 3d 纹理。

1. Example using Image manipulation
2. Example using custom paint

后者的性能更高，但前者会让您更好地控制图像的扭曲方式。

1. See {1} in action
2. See {2} in action