3、Flutter Widget - ImageFilter;

Melrose發表於2019-03-05

  Flutter對影象處理的功能特別棒,你可以將影象以資源形式或者網路進行載入。

  如果想對圖片進行旋轉、傾斜、模糊的操作,可以使用ImageFilter類和BackdropFilter控制元件組合來實現:

class ImageFilterDemo extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return BackdropFilter(filter: ImageFilter.blur(
      sigmaX: 5,
      sigmaY: 5
    ),
    child: Image.asset("image.png"),
    );
  }
}
複製程式碼

注:如果要想使用ImageFilter,請匯入dart:ui庫。

  如果想區域性模糊其中某個部分,將控制元件和一個空控制元件放在Stack中,模糊區域性空部件。

相關文章