Flutter之实现动态高斯模糊

Flutter火了。Google的Fuchsia操作系统和配套的Flutter开发框架在去年发布了Preview版本,沉寂了一年之后在今年的google大会上又一次被提名,超高的渲染性能和Android/iOS跨平台的特性让它又一次被推向风口浪尖。
最近准备开个Flutter系列博客的更新,以作知识储备。
回到正题,高斯模糊不是什么新奇的特效,原生平台经常见到的,本篇记录如何在Flutter框架下实现动态的高斯模糊。
静态预览 动态预览 列表滚动预览

使用v8兼容包对图片进行高斯模糊处理/毛玻璃效果

android中实现毛玻璃效果的方法比较多, 有用java实现图片处理算法的, 也有把算法用c/c++实现并用jni调用的, 而实现毛玻璃的开源库在github上也有不少.
其实google的官方sdk中也为我们提供了这样的工具, 本着能用官方尽量不自己实现,能自己实现尽量不用第三方的原则, 官方的实现方式当然是要尝试一下的.
同时, 本例中的拖拽进度和图片的处理以及回显是通过RxJava放在不同的进程中处理的, 如果不熟悉Rx框架可以补一下, RxJava用于异步操作以及事件流的处理非常好用.
上图:

高斯模糊示例

,