Merge pull request #10196 from AvaloniaUI/fixes/macos-transparency

macOS: Fix window transparency

samples/IntegrationTestApp/MainWindow.axaml

@@ -101,30 +101,36 @@
       </TabItem>
       
       <TabItem Header="Window">
-        <StackPanel>
-          <TextBox Name="ShowWindowSize" Watermark="Window Size"/>
-          <ComboBox Name="ShowWindowMode" SelectedIndex="0">
-            <ComboBoxItem>NonOwned</ComboBoxItem>
-            <ComboBoxItem>Owned</ComboBoxItem>
-            <ComboBoxItem>Modal</ComboBoxItem>
-          </ComboBox>
-          <ComboBox Name="ShowWindowLocation" SelectedIndex="0">
-            <ComboBoxItem>Manual</ComboBoxItem>
-            <ComboBoxItem>CenterScreen</ComboBoxItem>
-            <ComboBoxItem>CenterOwner</ComboBoxItem>
-          </ComboBox>
-          <ComboBox Name="ShowWindowState" SelectedIndex="0">
-            <ComboBoxItem Name="ShowWindowStateNormal">Normal</ComboBoxItem>
-            <ComboBoxItem Name="ShowWindowStateMinimized">Minimized</ComboBoxItem>
-            <ComboBoxItem Name="ShowWindowStateMaximized">Maximized</ComboBoxItem>
-            <ComboBoxItem Name="ShowWindowStateFullScreen">FullScreen</ComboBoxItem>
-          </ComboBox>
-          <Button Name="ShowWindow">Show Window</Button>
-          <Button Name="SendToBack">Send to Back</Button>
-          <Button Name="EnterFullscreen">Enter Fullscreen</Button>
-          <Button Name="ExitFullscreen">Exit Fullscreen</Button>
-          <Button Name="RestoreAll">Restore All</Button>
-        </StackPanel>
+        <Grid ColumnDefinitions="*,8,*">
+          <StackPanel Grid.Column="0">
+            <TextBox Name="ShowWindowSize" Watermark="Window Size"/>
+            <ComboBox Name="ShowWindowMode" SelectedIndex="0">
+              <ComboBoxItem>NonOwned</ComboBoxItem>
+              <ComboBoxItem>Owned</ComboBoxItem>
+              <ComboBoxItem>Modal</ComboBoxItem>
+            </ComboBox>
+            <ComboBox Name="ShowWindowLocation" SelectedIndex="0">
+              <ComboBoxItem>Manual</ComboBoxItem>
+              <ComboBoxItem>CenterScreen</ComboBoxItem>
+              <ComboBoxItem>CenterOwner</ComboBoxItem>
+            </ComboBox>
+            <ComboBox Name="ShowWindowState" SelectedIndex="0">
+              <ComboBoxItem Name="ShowWindowStateNormal">Normal</ComboBoxItem>
+              <ComboBoxItem Name="ShowWindowStateMinimized">Minimized</ComboBoxItem>
+              <ComboBoxItem Name="ShowWindowStateMaximized">Maximized</ComboBoxItem>
+              <ComboBoxItem Name="ShowWindowStateFullScreen">FullScreen</ComboBoxItem>
+            </ComboBox>
+            <Button Name="ShowWindow">Show Window</Button>
+            <Button Name="SendToBack">Send to Back</Button>
+            <Button Name="EnterFullscreen">Enter Fullscreen</Button>
+            <Button Name="ExitFullscreen">Exit Fullscreen</Button>
+            <Button Name="RestoreAll">Restore All</Button>
+          </StackPanel>
+          <StackPanel Grid.Column="2">
+            <Button Name="ShowTransparentWindow">Transparent Window</Button>
+            <Button Name="ShowTransparentPopup">Transparent Popup</Button>
+          </StackPanel>
+        </Grid>
       </TabItem>
     </TabControl>
   </DockPanel>

samples/IntegrationTestApp/MainWindow.axaml.cs

@@ -5,9 +5,13 @@ using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Controls.ApplicationLifetimes;
 using Avalonia.Interactivity;
+using Avalonia.Media;
 using Avalonia.Markup.Xaml;
 using Avalonia.VisualTree;
 using Microsoft.CodeAnalysis;
+using Avalonia.Controls.Primitives;
+using Avalonia.Threading;
+using Avalonia.Controls.Primitives.PopupPositioning;
 
 namespace IntegrationTestApp
 {
@@ -96,6 +100,88 @@ namespace IntegrationTestApp
             }
         }
 
+        private void ShowTransparentWindow()
+        {
+            // Show a background window to make sure the color behind the transparent window is
+            // a known color (green).
+            var backgroundWindow = new Window
+            {
+                Title = "Transparent Window Background",
+                Name = "TransparentWindowBackground",
+                Width = 300,
+                Height = 300,
+                Background = Brushes.Green,
+                WindowStartupLocation = WindowStartupLocation.CenterOwner,
+            };
+
+            // This is the transparent window with a red circle.
+            var window = new Window
+            {
+                Title = "Transparent Window",
+                Name = "TransparentWindow",
+                SystemDecorations = SystemDecorations.None,
+                Background = Brushes.Transparent,
+                TransparencyLevelHint = WindowTransparencyLevel.Transparent,
+                WindowStartupLocation = WindowStartupLocation.CenterOwner,
+                Width = 200,
+                Height = 200,
+                Content = new Border
+                {
+                    Background = Brushes.Red,
+                    CornerRadius = new CornerRadius(100),
+                }
+            };
+
+            window.PointerPressed += (_, _) =>
+            {
+                window.Close();
+                backgroundWindow.Close();
+            };
+
+            backgroundWindow.Show(this);
+            window.Show(backgroundWindow);
+        }
+
+        private void ShowTransparentPopup()
+        {
+            var popup = new Popup
+            {
+                WindowManagerAddShadowHint = false,
+                PlacementMode = PlacementMode.AnchorAndGravity,
+                PlacementAnchor = PopupAnchor.Top,
+                PlacementGravity = PopupGravity.Bottom,
+                Width= 200,
+                Height= 200,
+                Child = new Border
+                {
+                    Background = Brushes.Red,
+                    CornerRadius = new CornerRadius(100),
+                }
+            };
+
+            // Show a background window to make sure the color behind the transparent window is
+            // a known color (green).
+            var backgroundWindow = new Window
+            {
+                Title = "Transparent Popup Background",
+                Name = "TransparentPopupBackground",
+                Width = 200,
+                Height = 200,
+                Background = Brushes.Green,
+                WindowStartupLocation = WindowStartupLocation.CenterOwner,
+                Content = new Border
+                {
+                    Name = "PopupContainer",
+                    Child = popup,
+                }
+            };
+
+            backgroundWindow.PointerPressed += (_, _) => backgroundWindow.Close();
+            backgroundWindow.Show(this);
+
+            popup.Open();
+        }
+
         private void SendToBack()
         {
             var lifetime = (ClassicDesktopStyleApplicationLifetime)Application.Current!.ApplicationLifetime!;
@@ -135,7 +221,11 @@ namespace IntegrationTestApp
             if (source?.Name == "ListBoxSelectionClear")
                 this.FindControl<ListBox>("BasicListBox").SelectedIndex = -1;
             if (source?.Name == "MenuClickedMenuItemReset")
-                this.FindControl<TextBlock>("ClickedMenuItem").Text = "None";
+                this.Get<TextBlock>("ClickedMenuItem").Text = "None";
+            if (source?.Name == "ShowTransparentWindow")
+                ShowTransparentWindow();
+            if (source?.Name == "ShowTransparentPopup")
+                ShowTransparentPopup();
             if (source?.Name == "ShowWindow")
                 ShowWindow();
             if (source?.Name == "SendToBack")

src/Avalonia.Native/WindowImplBase.cs

@@ -489,7 +489,7 @@ namespace Avalonia.Native
             }
         }
 
-        public WindowTransparencyLevel TransparencyLevel { get; private set; } = WindowTransparencyLevel.Transparent;
+        public WindowTransparencyLevel TransparencyLevel { get; private set; } = WindowTransparencyLevel.None;
 
         public AcrylicPlatformCompensationLevels AcrylicCompensationLevels { get; } = new AcrylicPlatformCompensationLevels(1, 0, 0);