Is there a way to get the "frosted glass" blur eff...
# composec
Colton Idle
10/09/2021, 1:08 AMIs there a way to get the "frosted glass" blur effect in Android 11 and lower in compose?
https://medium.com/android-news/the-blurry-frosted-background-is-a-common-pattern-on-ios-where-they-have-simply-controls-to-cbd0c5843e5f
a
adjpd
10/09/2021, 5:24 AMWell, there's a
blure
ephemient
10/09/2021, 5:33 AMRenderEffect (for blur etc.) is Android 12+ only. to achieve the same effect on older devices, you'd need to render to a bitmap (which isn't exactly supported, but you can fake it going through View I think) and blur that with RenderScript (which is now deprecated)
a
adjpd
10/09/2021, 5:50 AMYou use also use OpenCV on versions before Android 12. But it's rather heavyweight. I wouldn't recommend it. When I use OpenCV, many years ago, there was considerable setup costs in terms of time and effort and sanity. But if you absolutely need it, it's possible.
a
Albert Chang
10/09/2021, 7:06 AMGoogle has provided a replacement toolkit for RenderScript including blur. See here.
That being said, the bitmap-blurring method is tricky and IMO the blur effect isn't worth the effort.
plus1 1
c
Colton Idle
10/09/2021, 2:04 PMI definitely agree, but I was basically just handed an entire new redesign project and everything is freaking blurred. In reality it's just two list item types that have the bottom 10% or so of an image blurred. so I'm trying to see if theres anyway to just make that blurred. I guess I will attempt to create a bitmap and blur it myself. sounds like potential memory leak hell or something I'll get into when I need these in a lazyColumn, but I guess I'll tell them that I'll give it a shot.
e
ephemient
10/09/2021, 8:31 PMoh if you're just blurring part of an image that should be much easier than blurring an arbitrary composable
ephemient
10/09/2021, 8:32 PMcoil has a blur transform built in, for example: https://coil-kt.github.io/coil/api/coil-base/coil.transform/-blur-transformation/
👍 1
🙌 1
c
Colton Idle
10/10/2021, 2:17 AMThanks! I wonder if I can apply that to only part of an image.
e
ephemient
10/10/2021, 3:47 AMcan do so in your own transform (if you're using coil you'll have to do that in the future anyway; changelog says it's being removed in 2.0.0 alpha and users should copy the code)
581 Views