How can I make background color fill all screen except a portion of it (To be transparent)?

# compose

[Ahmed Shehata]

How can I make background color fill all screen except a portion of it (To be transparent)?

[Jonas]

You can make a canvas, draw a rect full screen then draw the center rect with BlendMode.Clear. To make it work you have to set .graphicsLayer(alpha = 0.99f) otherwise the center rect will be black instead of transparent.

[Jonas]

https://git.fairkom.net/jonas/emoji-scratcher/-/blob/master/app/src/main/java/app/jonas/emojiscratcher/ui/calendar/Calendar.kt#L232-L251

Excuse the little bit messy code 😉

[Jonas]

Alternatively you could draw four rects surrounding your inner empty space 🤷

[Ahmed Shehata]

Thanks @Jonas but did you know How can I put the rect at the center of canvas?

[Ahmed Shehata]

message has been deleted

[Ahmed Shehata]

I did it , Thanks Jonas ❤️

[Jonas]

👍