add: nav bar background

Psynapsis · Sep 18, 2024 · e828f3d · e828f3d
1 parent d275ad1
commit e828f3d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/Source/StaX.Desktop/Assets/StaX.jpg b/Source/StaX.Desktop/Assets/StaX.jpg
diff --git a/Source/StaX.Desktop/StaX.Desktop.csproj b/Source/StaX.Desktop/StaX.Desktop.csproj
@@ -24,6 +24,7 @@
 
   <ItemGroup>
     <None Remove="Assets\StaX.ico" />
+    <None Remove="Assets\StaX.jpg" />
   </ItemGroup>
 
   <ItemGroup>

diff --git a/Source/StaX.Desktop/Views/MainWindow.axaml b/Source/StaX.Desktop/Views/MainWindow.axaml
@@ -74,6 +74,26 @@
             MenuItemsSource="{Binding AvailableStates}"
             PaneDisplayMode="LeftCompact"
             SelectedItem="{Binding SelectedState}">
+            <ui:NavigationView.Resources>
+                <VisualBrush x:Key="ViewBack" Stretch="UniformToFill">
+                    <VisualBrush.Visual>
+                        <Image
+                            Opacity="0.2"
+                            Source="/Assets/StaX.jpg"
+                            Stretch="UniformToFill">
+                            <Image.Effect>
+                                <BlurEffect Radius="10" />
+                            </Image.Effect>
+                        </Image>
+                    </VisualBrush.Visual>
+                </VisualBrush>
+            </ui:NavigationView.Resources>
+
+            <ui:NavigationView.Styles>
+                <Style Selector="ContentPresenter#PART_PanePresenter">
+                    <Setter Property="Background" Value="{DynamicResource ViewBack}" />
+                </Style>
+            </ui:NavigationView.Styles>
             <ui:NavigationView.MenuItemTemplate>
                 <DataTemplate>
                     <ui:NavigationViewItem
@@ -83,6 +103,7 @@
                 </DataTemplate>
             </ui:NavigationView.MenuItemTemplate>
         </ui:NavigationView>
+
         <Button
             MinWidth="27"
             MinHeight="27"