flutter - 如何获取我点击的图像像素的颜色？

Question

我有一张图片，具体来说，它是从 Image.asset() 加载的。

它被包裹在一个扩展的小部件中，并有自己的上下文。

我可以点击它，并获取我点击的本地位置(图像/上下文的 x/y 本地)。

从那时起我想做的就是获取一些信息(特别是颜色和 alpha/不透明度，但颜色是关键)。我真的只想要上下文的图像信息，以及明确地说“我需要字节#”或“我需要来自 X 和 Y 的像素信息”的能力。我觉得这必须存在于 Flutter 中，因为它在许多(大多数？)其他具有丰富 UI 的平台中非常微不足道。

我是不是遗漏了一些简单的东西，或者这在这个平台上比我想象的要难？

或者我应该加载 html 库并在其中执行我需要的操作吗？

谢谢!

(从历史上看，我精通 iOS 开发、C# 和 .Net、HTML 和 canvas 工作，以及许多其他平台，这些年比我想记住的要多得多，但对 Flutter 来说相当新，因为我们正在紧急重写我们在 Trigger 中的应用程序，它不再表现良好。谢谢。):)

Answer 1

我不知道你是否还在寻找解决方案。

我刚刚做了 this prototype对你来说……希望已经够清楚了。

Here's a video结果。

顺便说一句，图像库有很多方法可以解决您需要的问题...以备不时之需，并且像素值可以作为列表访问，因此您可以解决 KML 颜色并将列表视为网格(行，列数学查找索引)。

警告:该库使用不同的颜色格式 (#AABBGGRR)，但可以轻松转换。

更新:

我根据评论中指出的限制制作了一个 v2，但更改了 original snippet展示这两种方法。这会生成您想要的任何小部件的快照(因此它需要转换/着色/盒子配件/您在屏幕上呈现的任何内容)。

如果您不必经常为小部件设置动画或使小部件无效，则可以提供很多功能。

检查 demo in youtube .