Flutter教程之Flutter 中的磨砂玻璃效果

磨砂玻璃效果是flutter中一个很酷的UI概念，让我们的UI看起来更有吸引力。它基本上是一个具有降低不透明度的模糊叠加层，以区分或减少某个视图。此功能看起来确实不错，但它会影响应用程序的性能。

那么，让我们看看如何在 Flutter 中实现磨砂玻璃效果。

通过使用 BackdropFilter() 小部件和 ImageFilter 类在颤振中实现非常容易。Flutter 中的 BackdropFilter() 小部件也用于模糊图像、容器或许多其他小部件。它适用于 iOS 和 android。它用于突出需要更多关注的内容和模糊需要较少关注的内容。

创建一个容器并用 BackdropFilter 和 ClipRect 将其包装起来。现在添加背景滤镜的属性，滤镜：ImageFilter.blur，并添加sigma X，sigmaY。sigmaX 和 sigmaY 越高，模糊度越高。

Example Code --
// ignore_for_file: library_private_types_in_public_api
import 'dart:ui';
import 'package:flutter/material.dart';
class FrostedGlassLookDemo extends StatefulWidget {
const FrostedGlassLookDemo({super.key});
@override
_FrostedGlassLookDemoState createState() => _FrostedGlassLookDemoState();
}
class _FrostedGlassLookDemoState extends State<FrostedGla