I’m having an issue with banding as on the image b...

# compose

[Mikołaj Kąkol]

I’m having an issue with banding as on the image below. Any ideas? This screenshot from JVM app, but the same issue I have on device Android API 30 and emulator API 33. I don’t see in compose any dithering or RGBA_8888 or #FE transparency hacks that could work. So again, ideas? 😄

[Mikołaj Kąkol]

@romainguy, sorry for direct. I see that you posted earlier that dither should be on for gradients by default. So I wonder if this is acceptable behavior?

[romainguy]

I can't see banding in your screenshot. I see a Mach band but there's nothing you can do about that, it's a perception issue in our brains

[Mikołaj Kąkol]

Alright I thought that some graining effect would fix our brains and there is something in the framework we could leverage

[romainguy]

You're talking about the white band at the bottom right?

[Mikołaj Kąkol]

I'm talking about feeling that center is most bright

[Mikołaj Kąkol]

While it's the same calor from center to the bottom

[romainguy]

Yeah that's the Mach band

[romainguy]

Nothing you can do about that, certainty not with dithering

[romainguy]

I mean the fix is to change the colors you use or to change the "slope" of the gradient

[Mikołaj Kąkol]

Thank you for your help 🙏

[romainguy]

Anytime!

[romainguy]

I gave a talk to my team a while back on this kind of issues, i should make it public or turn it into an article

[Mikołaj Kąkol]

It's probably something that designers should be aware too

[romainguy]

Indeed!