Flutter ImageFiltered 实现高斯模糊效果
在Flutter中,ImageFiltered 主要用来给 Widget 添加模糊效果,需要注意,这不是仅指 Image 组件,而是对于任何的 Widget 都适用。
ImageFiltered 组件的 imageFilter 属性用来配置过滤的方式,核心使用代码如下:

如上图所示:随着模糊度的增加,Widget 大小也随着向外扩展响应的半径距离。

ImageFiltered的tileMode 用来配置平铺方式:
TileMode.clamp(默认) 为默认方式,自动延伸
TileMode.decal 表示不使用平铺
TileMode.mirror 镜像显示
TileMode.repeated 重复显示效果,

mageFilter.matrix 矩阵过滤器
矩阵的变换可以来实现,平移、缩放、旋转、倾斜的一些列操作,核心使用代码如下:
在《Flutter组件精讲与实战》一书中对矩阵变换有详细的论述。

ImageFilter.compose 组合过滤器
用来实现组合变换的效果,比如将一张图片模糊、倾斜:
完毕



