How to implement acrylic windows effect in WinUI3 in desktop application?

Question

When creating WinUI 3 (Windows App SDK 1.0) project with VS 2022, I am unable to implement the acrylic background effect on Windows. I have done a lot of research and seen samples but unfortunately could not find reliable resources to implement Acrylic in WinUI 3 in Desktop. Please note I am specifically talking about 'WinUI 3 in Desktop' App not WinUI2 and UWP.

Not including any code because I have not implemented anything specific. Just created the template provided by Visual Studio.

Did you check out the WinUI Controls Library app in Microsoft Store? If has some examples how to do it. — Nick, Dec 05 '21 at 09:17

score 8 · Accepted Answer · edited Dec 06 '21 at 04:01

8

Unfortunately, WinUI 3 in Desktop Apps does not support Acrylic or Mica materials as mentioned here. The support will come in Windows App SDK 1.1 probably in 2nd Quarter of 2022.

edited Dec 06 '21 at 04:01

Jastria Rahmat

776
1
6
27

answered Dec 05 '21 at 15:44

Hassaan Masood

145
1
10

score 3 · Answer 2 · edited Jun 30 '22 at 11:09

3

Acrylic effect is finally available in the app starting with Windows App SDK version 1.1 with 2 classes:

DesktopAcrylicController, which uses whatever is below the window to create the backdrop.
MicaController, which uses the user's wallpaper to create the backdrop.

Take a look at sample for winrt/cpp.

Note that for C#, the sample is available in the WinUI3 Gallery (System backdrop).

edited Jun 30 '22 at 11:09

Alexey

2,439
1
11
15

answered Jun 21 '22 at 21:37

psykomicron

31
2

1

But not working on Windows 10 for some reason... – Keelah Jul 21 '22 at 08:22

How to implement acrylic windows effect in WinUI3 in desktop application?

2 Answers2