Replies: 3 comments 2 replies
-
I don't know why there is a padding on the right, but I can guess about corners. |
Beta Was this translation helpful? Give feedback.
-
vTCBFcgvkd.mp4This is best i can achieve moving the window and increasing the size of the windows while animating. The rendering fails in the right edge. It is like the background and window visuals are out of sync. |
Beta Was this translation helpful? Give feedback.
-
I apologize for bumping this thread since it's pretty old. I just wanted to add some code to describe how to use the When setting up the app, the public static AppBuilder BuildAvaloniaApp()
=> AppBuilder.Configure<App>()
.UseWin32()
.UseReactiveUI()
.UsePlatformDetect()
.LogToTrace(); Right before I call // Called in Main() right before creating the AppBuilder
// Fix for square corners
AvaloniaLocator.CurrentMutable.Bind<Win32PlatformOptions>()
.ToLazy(() => new Win32PlatformOptions()
{
CompositionBackdropCornerRadius = 7
}); This removed the square corners for the window of my app in Windows 10. I'm using Avalonia 11.0.0-preview4 at time of writing. Cheers! 🍺 |
Beta Was this translation helpful? Give feedback.
-
Hello.
I am trying to mimic windows 11 flyout window and I've been doing well so far but i am struggling adding Acrylic blur.:
Acrylic Blur:
ShowInTaskbar="false" CanResize="False" Topmost="True" SystemDecorations="None" TransparencyLevelHint="AcrylicBlur" ExtendClientAreaToDecorationsHint="True" ExtendClientAreaChromeHints="NoChrome" ExtendClientAreaTitleBarHeightHint="-1" Background="Transparent"
With this setting i have Acrylic Blur but i also have a square background that overflows my window content.
Also tried with system decoration Full:
ShowInTaskbar="false" CanResize="False" Topmost="True" SystemDecorations="Full" TransparencyLevelHint="AcrylicBlur" ExtendClientAreaToDecorationsHint="True" ExtendClientAreaChromeHints="NoChrome" ExtendClientAreaTitleBarHeightHint="-1" Background="Transparent"
Current implementation:
ShowInTaskbar="false" CanResize="False" Topmost="True" SystemDecorations="None" TransparencyLevelHint="Transparent" ExtendClientAreaToDecorationsHint="True" ExtendClientAreaChromeHints="NoChrome" ExtendClientAreaTitleBarHeightHint="-1" Background="Transparent"
So my ultimate question is:
¿Is there any way to get an Acrylic Blur background clipped to a specific content or content?
This is what i trying to achieve btw:
Beta Was this translation helpful? Give feedback.
All reactions