Implement PanelMaterial prop to NavigationView

PieroCastillo · Aug 2, 2021 · 8807d6f · 8807d6f
1 parent 52d2f69
commit 8807d6f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/Aura.UI.FluentTheme/Controls/NavigationViewStyles.xaml b/src/Aura.UI.FluentTheme/Controls/NavigationViewStyles.xaml
@@ -56,6 +56,7 @@
 		<Setter Property="CompactPaneLength" Value="{DynamicResource NavigationViewCompactPaneLength}" />
 		<Setter Property="OpenPaneLength" Value="{DynamicResource NavigationViewOpenPaneLength}" />
 		<Setter Property="Background" Value="{DynamicResource NavigationViewBackground}" />
+    <Setter Property="PanelMaterial" Value="{StaticResource NavigationViewMaterial}"/>
 		<Setter Property="Icon" Value="{DynamicResource line_horizontal_3_regular}" />
 		<Setter Property="ItemsPanel">
 			<ItemsPanelTemplate>
@@ -79,7 +80,8 @@
 						<SplitView.Pane>
 							<Border Name="PART_ShadowBorder">
 								<ExperimentalAcrylicBorder Name="PART_AcrylicBorder"
-							                           Padding="0,0">
+																					 Padding="0,0"
+                                           Material="{Binding $parent[NavigationView].PanelMaterial}">
 									<Grid RowDefinitions="auto,auto,auto,*">
 										<Border Grid.Row="1" 
 										        Width="{Binding $parent[NavigationView].CompactPaneLength}"
@@ -172,10 +174,6 @@
 	<Style Selector="NavigationView /template/ Border#PART_ShadowBorder">
 		<Setter Property="BoxShadow" Value="0 0 50 0 Black"/>
 	</Style>
-
-	<Style Selector="NavigationView ExperimentalAcrylicBorder#PART_AcrylicBorder">
-		<Setter Property="Material" Value="{StaticResource NavigationViewMaterial}" />
-	</Style>
 
 	<Style Selector="NavigationView[IsOpen=true] /template/ ExperimentalAcrylicBorder#PART_AcrylicBorder">
 		<Setter Property="Width" Value="{Binding $parent[NavigationView].OpenPaneLength}" />

diff --git a/src/Aura.UI/Controls/Navigation/NavigationView/NavigationView.Properties.cs b/src/Aura.UI/Controls/Navigation/NavigationView/NavigationView.Properties.cs
@@ -55,6 +55,9 @@ public partial class NavigationView
         public readonly static StyledProperty<bool> AutoCompleteBoxIsVisibleProperty =
             AvaloniaProperty.Register<NavigationView, bool>(nameof(AutoCompleteBoxIsVisible), true);
 
+        public readonly static StyledProperty<ExperimentalAcrylicMaterial> PanelMaterialProperty =
+            AvaloniaProperty.Register<NavigationView, ExperimentalAcrylicMaterial>(nameof(PanelMaterial));
+
         public readonly static DirectProperty<NavigationView, IEnumerable<string>> ItemsAsStringsProperty =
             AvaloniaProperty.RegisterDirect<NavigationView, IEnumerable<string>>(nameof(ItemsAsStrings), o => o.ItemsAsStrings);
 
@@ -79,6 +82,12 @@ public IImage Icon
             set => SetValue(IconProperty, value);
         }
 
+        public ExperimentalAcrylicMaterial PanelMaterial
+        {
+            get => GetValue(PanelMaterialProperty);
+            set => SetValue(PanelMaterialProperty, value);
+        }
+
 
         public object Title
         {