Is there a good way to blur the content beneath a ...

# compose-android

[Jonathan]

Is there a good way to blur the content beneath a Composable but not the children of the Composable itself? My designers want a app bar with a translucent background. The screen content would scroll beneath the custom app bar and still be visible, but blurred. Kinda like the frosted glass effect.

[Stylianos Gakis]

Probably looking for https://github.com/chrisbanes/haze , https://chrisbanes.github.io/haze/

[Sergey Y.]

Yes, use Haze, but be aware that it only functions on API 32 and above.

[Stylianos Gakis]

And if your designers ask why, redirect them to this 200 message long thread https://kotlinlang.slack.com/archives/CJLTWPH7S/p1651845634528419 open eye crying laughing

[Jonathan]

This is quite the read 🤪

[Sergey Y.]

There are some libraries that work on lower Android APIs and implement software-based blurring, using the CPU to blur UI rendered into bitmaps. I strongly advise against using them because they hurt the ux and cause performance issues. Even though they might work well on high-end devices, I wouldn’t recommend them at all.

Implementing fast, optimized hardware-accelerated blurring for older Android APIs is quite challenging, but also very interesting. If you’re looking for code samples, you can search this channel for posts I’ve shared.

[Jonathan]

Already got approval from design to forgo the blurring entirely..

[Jonathan]

The performance issue was a major concern so I see this as a win