欢迎光临散文网 会员登陆 & 注册

Flutter ImageFiltered 实现高斯模糊效果

2022-11-30 00:40 作者:早起的年轻人  | 我要投稿


在Flutter中,ImageFiltered 主要用来给 Widget 添加模糊效果,需要注意,这不是仅指 Image 组件,而是对于任何的 Widget 都适用。

ImageFiltered 组件的 imageFilter 属性用来配置过滤的方式,核心使用代码如下:

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

ImageFiltered的tileMode 用来配置平铺方式:

  • TileMode.clamp(默认) 为默认方式,自动延伸

  • TileMode.decal 表示不使用平铺 

  • TileMode.mirror 镜像显示

  • TileMode.repeated 重复显示效果,

mageFilter.matrix 矩阵过滤器

矩阵的变换可以来实现,平移、缩放、旋转、倾斜的一些列操作,核心使用代码如下:


在《Flutter组件精讲与实战》一书中对矩阵变换有详细的论述。

ImageFilter.compose 组合过滤器 

用来实现组合变换的效果,比如将一张图片模糊、倾斜:

完毕 



Flutter ImageFiltered 实现高斯模糊效果的评论 (共 条)

分享到微博请遵守国家法律