Acrylic Blur does not work on Windows 11 #6465

trympet · 2021-08-25T16:42:32Z

Describe the bug
Win2d acrylic blur does not work on Windows 11 build 22000.160. This also breaks TransparencyLevel.Blur if WinUI compositor is enabled.

DWM transparency and blur works fine.

To Reproduce
Steps to reproduce the behavior:

Create new project from template
Set TransparencyLevelHint.AcrylicBlur on the main window.
Set background to null.
Run

This can also be observed in the SampleApp.

Expected behavior
The acrylic layer should not be opaque.

Screenshots

Desktop (please complete the following information):

OS: Windows 11 22000.160
Version 0.10.3; 0.10.7 (master)

Additional context
Side note: ICompositor3.CreateHostBackdropBrush() is not broken in this build of windows. ICompositor2.CreateBackdropBrush() might be though.

The text was updated successfully, but these errors were encountered:

MarioGK · 2021-08-26T15:35:08Z

I tried it on my project and gives the same result, setting Background to Transparent doesnt fix it as well

nullshii · 2021-10-05T13:22:46Z

Background="null" just crushing application with error Invalid brush string: 'null'.

Gillibald · 2021-10-05T17:32:38Z

Background="null" -> Background="{x:Null}"

Nickelony · 2021-11-14T11:55:33Z

Even though this issue is closed, I still have problems on Windows 11 and Acrylic Blur / Mica effects.
On Windows 10, Acrylic Blur works perfectly fine, on Windows 11 it doesn't work at all.
Using Avalonia 0.10.10 and Windows 11 (22000.318)

Even the Avalonia Control Gallery demo doesn't seem to have working acrylic either.

maxkatz6 · 2021-11-14T19:10:57Z

@Nickelony that's pretty weird, because I used Acrylic yesterday in control catalog just yesterday on win11. On master branch.

Orkunnnn · 2021-11-16T12:17:52Z

Yep it is still has the issue on Windows 11 (22000.318).

trympet · 2021-11-21T21:54:38Z

@maxkatz6 ControlCatalog works for me on 22000.318 on 32fe95a. Background is not set to AcrylicBlur by default tho, which might cause some confusion.

DeXP · 2021-12-16T18:54:42Z

Still does not works for me. Windows 11 Pro, 22000.376. Avalonia 0.10.10.
I downloaded https://github.com/AvaloniaUI/Avalonia.MusicStore . Build it with VS 2019 (16.11.7). No transparency.
Workaround: One call of SetWindowCompositionAttribute makes it working. Both Background="Transparent" and TransparencyLevelHint="AcrylicBlur" have to be set. I use the same code as here: https://github.com/riverar/sample-win32-acrylicblur/

maxkatz6 · 2021-12-16T19:50:05Z

SetWindowCompositionAttribute shouldn't be used unless you want to release potentially broken application. It's undocumented API and has history of performance problems on older windows versions.

There must be another fix. Even though acrylic works perfectly with current master in this repo, I haven't tested MusicStore. Might be problem with some combination of custom window decorations.

Colonial-Dev · 2021-12-17T03:11:40Z

SetWindowCompositionAttribute shouldn't be used unless you want to release potentially broken application. It's undocumented API and has history of performance problems on older windows versions.

There must be another fix. Even though acrylic works perfectly with current master in this repo, I haven't tested MusicStore. Might be problem with some combination of custom window decorations.

I'm having the same issue. I tried cloning and building MusicStore in VS 2022 and the acrylic is still erroneously opaque.

DeXP · 2021-12-17T07:09:57Z

acrylic works perfectly with current master in this repo

Is it? I've just got latest, built it in VS 2022, and runned the "Avalaonia Control Gallery". Blur works perfectly:

But AcrylicBlur don't:

Mica doesn't works for me as well:

P.S. I have Nvidia 1060 GPU and Intel i7 CPU, if it's related 🥇

trympet · 2021-12-22T12:38:21Z

I was able to reproduce by setting ExtendClientAreaToDecorationsHint="True".

DwmExtendFrameIntoClientArea with a non-zero MARGINS struct will cause the client area to turn opaque.

trympet · 2021-12-22T12:41:24Z

acrylic works perfectly with current master in this repo

Is it? I've just got latest, built it in VS 2022, and runned the "Avalaonia Control Gallery". Blur works perfectly:

But AcrylicBlur don't:

Mica doesn't works for me as well:

P.S. I have Nvidia 1060 GPU and Intel i7 CPU, if it's related 🥇

Could you verify you're on master with the latest commit? There should be no difference between Blur and AcrylicBlur if composition is enabled. Also, are you running ControlCatalog.NetCore?

DeXP · 2021-12-23T09:50:03Z

Yup, sorry, you are correct - I was running ControlCatalog.Desktop. The NetCore version works good. Except the case with BorderOnly for AcrylicBlur - it makes the window non transparent.
What's the diffrence between them? My project is able to use Blur as well, but not AcrylicBlur or Mica. It's targeted for net5.0

DeXP · 2021-12-23T10:58:19Z

I've create a minimalistic app for testing AcrylicBlur. VS 2022, Avalonia 0.10.11. https://github.com/DeXP/Avalonia.AcrylicBlur.Sample
I've changed the theme to dark, set width and height of the window, also set TransparencyLevelHint="AcrylicBlur" and Background="Transparent".
But the blur does not working for me. What am I missing?

trympet · 2021-12-25T15:39:19Z

The NetCore version works good. Except the case with BorderOnly for AcrylicBlur - it makes the window non transparent.

Yes! Not quite sure why that's the case. My guess is that it is a win11 issue, since I'm unable to reproduce on win10. It is likely caused by DwmExtendFrameIntoClientArea with non-zero MARGINS.

What's the diffrence between them? My project is able to use Blur as well, but not AcrylicBlur or Mica. It's targeted for net5.0

The projects have different implicit rendering options in their program.cs-file. Netcore / net6.0 uses opengl + winui compositor; netframework uses opengl without winui compositor. Winui compositor is required for acrylic and mica. It is configured in Win32PlatformOptions.

You're probably experiencing issues due to the bug above. Try setting ExtendClientAreaToDecorationsHint to false. 😄

DeXP · 2021-12-25T17:14:15Z

Thank you very much, @trympet . UseWindowsUIComposition = true did the blur for me. Commit to sample project

However, I have the same issue as you - transparency do not work when ExtendClientAreaToDecorationsHint set to true 😄

gargakshit · 2022-01-11T11:43:26Z

I got Mica to work with ExtendClientAreaToDecorationHint by using UseWindowsUIComposition = true along with ExtendClientAreaChromeHints = PreferSystemChrome

<Window
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:vm="using:Avalonia.NETCoreMVVMApp1Fs.ViewModels"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
    x:Class="[ClassHere]"
    Icon="/Assets/avalonia-logo.ico"
    Title="[TitleHere]"
    TransparencyLevelHint="Mica"
    Background="{x:Null}"
    ExtendClientAreaToDecorationsHint="True"
    ExtendClientAreaChromeHints="PreferSystemChrome">
    <!-- ... -->
</Window>

DeXP · 2022-01-12T19:06:04Z

@gargakshit Does it works for you after publishing the application in Self-contained mode?

gargakshit · 2022-01-12T19:44:10Z

@gargakshit Does it works for you after publishing the application in Self-contained mode?

Building with dotnet publish -c Release -o build-release -r win-x64 --self-contained, it doesn't seem to work. It shows a black screen. Omitting the --self-contained flag shows similar results.

trympet · 2022-01-20T14:16:07Z

@gargakshit Does it works for you after publishing the application in Self-contained mode?

Building with dotnet publish -c Release -o build-release -r win-x64 --self-contained, it doesn't seem to work. It shows a black screen. Omitting the --self-contained flag shows similar results.

Could you try setting the RID to win10-x64? win-x64 has had issues with libgles not being copied to the output directory.

DeXP · 2022-01-20T14:31:16Z

win10-x64 made Mica work for me after publishing. av_libglesv2.dll was added. Will the application work on earlier Windows? Like 8 etc.

gargakshit · 2022-01-20T15:14:43Z

@gargakshit Does it works for you after publishing the application in Self-contained mode?

Building with dotnet publish -c Release -o build-release -r win-x64 --self-contained, it doesn't seem to work. It shows a black screen. Omitting the --self-contained flag shows similar results.

Could you try setting the RID to win10-x64? win-x64 has had issues with libgles not being copied to the output directory.

Using the command dotnet publish -c Release -o build-release -r win10-x64 --self-contained, it does work for me.

gargakshit · 2022-01-20T15:16:11Z

win10-x64 made Mica work for me after publishing. av_libglesv2.dll was added. Will the application work on earlier Windows? Like 8 etc.

According to Microsoft's documentation, it appears as a solid fallback color when running on windows versions below 22000. I am not sure how this translates to Avalonia as I personally do not have a windows 8 or 10 machine to test.

trympet · 2022-01-20T15:46:41Z

win10-x64 made Mica work for me after publishing. av_libglesv2.dll was added. Will the application work on earlier Windows? Like 8 etc.

I think win7-x64 should also work 😁

DeXP · 2022-01-21T06:55:37Z

win8-x64 works, thank you. win7-x64 is not able to publish as a single file executable.

kekekeks · 2022-01-21T07:02:52Z

I suspect that some versions of windows require a compatibility manifest to work properly.

@maxkatz6 IIRC you've had issues with manifest previously. Could you post instructions here?

maxkatz6 · 2022-01-21T20:53:20Z

Well, you can try to add app.manifest file with supported win10 os there. Visual Studio can generate one. It helped me with layered styled windows, probably it can somehow help with winui composition. Although I don't remember having problems with it without app.manifest.

Bum-Ho12 · 2024-03-24T19:51:19Z

The problem is still there, following the official documentation for the implementation still doesn't work on windows 11 23H2

Bum-Ho12 · 2024-03-24T19:52:05Z

AcrylicBlur that is

trympet added the bug label Aug 25, 2021

trympet changed the title ~~AcrylicBlur does not work on Windows 11 22000.160~~ Acrylic Blur does not work on Windows 11 22000.160 Aug 25, 2021

trympet changed the title ~~Acrylic Blur does not work on Windows 11 22000.160~~ Acrylic Blur does not work on Windows 11 Aug 25, 2021

adirh3 mentioned this issue Sep 11, 2021

Add support for Mica effect on Windows 11 #6574

Merged

3 tasks

Takoooooo closed this as completed in #6574 Oct 15, 2021

maxkatz6 reopened this Nov 21, 2021

maxkatz6 added the help-wanted label Dec 17, 2021

trympet mentioned this issue Jan 20, 2022

ExtendClientAreaToDecorationsHint breaks winui composition effects #7403

Closed

Apollo199999999 mentioned this issue Jan 24, 2022

How do I enable Mica effect? amwx/FluentAvalonia#81

Closed

trympet mentioned this issue Mar 9, 2022

Fix dwm opaque backdrop #7775

Merged

danwalmsley closed this as completed in #7775 Mar 10, 2022

brunoanc mentioned this issue May 6, 2022

[windows 11] the window property TransparencyLevelHint not working as expected #8073

Closed

amwx mentioned this issue Aug 23, 2022

Wrong Window's Background in Native AOT amwx/FluentAvalonia#185

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Acrylic Blur does not work on Windows 11 #6465

Acrylic Blur does not work on Windows 11 #6465

trympet commented Aug 25, 2021 •

edited

Loading

MarioGK commented Aug 26, 2021

nullshii commented Oct 5, 2021

Gillibald commented Oct 5, 2021

Nickelony commented Nov 14, 2021 •

edited

Loading

maxkatz6 commented Nov 14, 2021

Orkunnnn commented Nov 16, 2021

trympet commented Nov 21, 2021 •

edited

Loading

DeXP commented Dec 16, 2021

maxkatz6 commented Dec 16, 2021

Colonial-Dev commented Dec 17, 2021

DeXP commented Dec 17, 2021 •

edited

Loading

trympet commented Dec 22, 2021 •

edited

Loading

trympet commented Dec 22, 2021

DeXP commented Dec 23, 2021 •

edited

Loading

DeXP commented Dec 23, 2021

trympet commented Dec 25, 2021 •

edited

Loading

DeXP commented Dec 25, 2021 •

edited

Loading

gargakshit commented Jan 11, 2022

DeXP commented Jan 12, 2022

gargakshit commented Jan 12, 2022

trympet commented Jan 20, 2022

DeXP commented Jan 20, 2022

gargakshit commented Jan 20, 2022

gargakshit commented Jan 20, 2022

trympet commented Jan 20, 2022

DeXP commented Jan 21, 2022

kekekeks commented Jan 21, 2022

maxkatz6 commented Jan 21, 2022 •

edited

Loading

Bum-Ho12 commented Mar 24, 2024

Bum-Ho12 commented Mar 24, 2024

Acrylic Blur does not work on Windows 11 #6465

Acrylic Blur does not work on Windows 11 #6465

Comments

trympet commented Aug 25, 2021 • edited Loading

MarioGK commented Aug 26, 2021

nullshii commented Oct 5, 2021

Gillibald commented Oct 5, 2021

Nickelony commented Nov 14, 2021 • edited Loading

maxkatz6 commented Nov 14, 2021

Orkunnnn commented Nov 16, 2021

trympet commented Nov 21, 2021 • edited Loading

DeXP commented Dec 16, 2021

maxkatz6 commented Dec 16, 2021

Colonial-Dev commented Dec 17, 2021

DeXP commented Dec 17, 2021 • edited Loading

trympet commented Dec 22, 2021 • edited Loading

trympet commented Dec 22, 2021

DeXP commented Dec 23, 2021 • edited Loading

DeXP commented Dec 23, 2021

trympet commented Dec 25, 2021 • edited Loading

DeXP commented Dec 25, 2021 • edited Loading

gargakshit commented Jan 11, 2022

DeXP commented Jan 12, 2022

gargakshit commented Jan 12, 2022

trympet commented Jan 20, 2022

DeXP commented Jan 20, 2022

gargakshit commented Jan 20, 2022

gargakshit commented Jan 20, 2022

trympet commented Jan 20, 2022

DeXP commented Jan 21, 2022

kekekeks commented Jan 21, 2022

maxkatz6 commented Jan 21, 2022 • edited Loading

Bum-Ho12 commented Mar 24, 2024

Bum-Ho12 commented Mar 24, 2024

trympet commented Aug 25, 2021 •

edited

Loading

Nickelony commented Nov 14, 2021 •

edited

Loading

trympet commented Nov 21, 2021 •

edited

Loading

DeXP commented Dec 17, 2021 •

edited

Loading

trympet commented Dec 22, 2021 •

edited

Loading

DeXP commented Dec 23, 2021 •

edited

Loading

trympet commented Dec 25, 2021 •

edited

Loading

DeXP commented Dec 25, 2021 •

edited

Loading

maxkatz6 commented Jan 21, 2022 •

edited

Loading