Flutter ImageFiltered 實(shí)現(xiàn)高斯模糊效果

在Flutter中,ImageFiltered 主要用來(lái)給 Widget 添加模糊效果,需要注意,這不是僅指?Image?組件,而是對(duì)于任何的?Widget?都適用。
ImageFiltered 組件的 imageFilter 屬性用來(lái)配置過(guò)濾的方式,核心使用代碼如下:

如上圖所示:隨著模糊度的增加,Widget 大小也隨著向外擴(kuò)展響應(yīng)的半徑距離。

ImageFiltered的tileMode 用來(lái)配置平鋪方式:
TileMode.clamp(默認(rèn))?為默認(rèn)方式,自動(dòng)延伸
TileMode.decal?表示不使用平鋪?
TileMode.mirror 鏡像顯示
TileMode.repeated?重復(fù)顯示效果,

mageFilter.matrix 矩陣過(guò)濾器
矩陣的變換可以來(lái)實(shí)現(xiàn),平移、縮放、旋轉(zhuǎn)、傾斜的一些列操作,核心使用代碼如下:
在《Flutter組件精講與實(shí)戰(zhàn)》一書(shū)中對(duì)矩陣變換有詳細(xì)的論述。

ImageFilter.compose 組合過(guò)濾器?
用來(lái)實(shí)現(xiàn)組合變換的效果,比如將一張圖片模糊、傾斜:
完畢?


標(biāo)簽: