WinUIEx icon indicating copy to clipboard operation
WinUIEx copied to clipboard

Window Transparency

Open Samuel12321 opened this issue 2 years ago • 3 comments

Thanks for creating this incredibly useful project

A really useful feature missing from WinUI 3 is window background transparency. It would be very useful if you could add support for this. Perhaps similar to Backdrop.Mica & Backdrop.Acrylic --> Backdrop.Transparent

While not officially supported someone has managed to do it here, however it is ridiculously over complicated. Official support tracked on Productboard and Github but i doubt it will occur any time soon.

Samuel12321 avatar May 07 '22 06:05 Samuel12321

Mica and Acrylic is already there but you need to compile the library with the latest preview. Once 1.1 of the windows app sdk ships this will have it too

dotMorten avatar May 07 '22 06:05 dotMorten

hi, thanks for the quick reply. I think you may have misinterpreted my question, i was asking about Transparency not Mica and Acrylic

I'm already using Backdrop.Mica, its quite useful.

Samuel12321 avatar May 07 '22 06:05 Samuel12321

Matching WinUI issue: https://github.com/microsoft/microsoft-ui-xaml/issues/1247

dotMorten avatar Jul 07 '22 15:07 dotMorten

See https://github.com/cnbluefire/WinUI3TransparentBackground for an example of a transparent background.

dotMorten avatar Jul 13 '23 20:07 dotMorten

Example / use case by @niels9001

https://github.com/dotMorten/WinUIEx/assets/1378165/0e56dc12-6e76-4725-9066-8b05ce935f74

dotMorten avatar Sep 13 '23 06:09 dotMorten

Making some progress, and decided to abuse it :-)

https://github.com/dotMorten/WinUIEx/assets/1378165/63ab509c-1dc8-4a8a-8640-cc8f19f103e1

dotMorten avatar Sep 14 '23 05:09 dotMorten

Snapshot of @niels9001's design with this new API: image

dotMorten avatar Sep 14 '23 07:09 dotMorten

Snapshot of @niels9001's design with this new API: image

That's amazing 😁😁🚀🚀!

I was wondering - do acrylic brushes work with this as well?

EDIT: Just realizing you have that configured :-). Seems that actually blurring of the content below the window doesn't work - e.g. to get the Acrylic backdrop effect.

niels9001 avatar Sep 14 '23 07:09 niels9001

Yeah it's not as blurred as I had hoped

dotMorten avatar Sep 14 '23 13:09 dotMorten

Now available in v2.3 release

dotMorten avatar Sep 15 '23 14:09 dotMorten