flutter_acrylic 0.0.1

Acrylic & aero blur effect on Flutter Windows.

flutter_acrylic

Acrylic & aero blur effect on Flutter Windows.

Installation

Mention in your pubspec.yaml.

dependencies:
  ...
  flutter_acrylic: ^0.0.1

Example

You can download & try out the example application here.

Documentation

Acrylic

Initialize the plugin inside the main method.

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  Acrylic.initialize();
  runApp(MyApp());
}

Apply the effect to Flutter window.

Acrylic.setEffect(
  effect: AcrylicEffect.aero,
  gradientColor: this.color
);

Following effects are available.

• AcrylicEffect.disabled.
• AcrylicEffect.solid.
• AcrylicEffect.transparent.
• AcrylicEffect.aero.
• AcrylicEffect.acrylic.

Window

Other utility features offered by the plugin.

Enter fullscreen.

Window.enterFullscreen();

Exit fullscreen.

Window.exitFullscreen();

More features coming soon.

Notes

This plugin exposes the undocumented SetWindowCompositionAttribute API from user32.dll on Windows 10. Learn more at Rafael Rivera's amazing blog post about this here.

In most cases, you might wanna render custom window frame because the blur effect might leak outside the window boundary. You can use bitsdojo_window to make a custom window for your Flutter application.

You can see the example application for further details.

License

MIT License. Contributions welcomed.

More

Aero blur effect.

Transparent Flutter window.