add panedisplaymode option

Author: ghost1372

dev/AlAnvar.csproj

@@ -20,6 +20,7 @@
 
   <ItemGroup>
     <PackageReference Include="CommunityToolkit.WinUI.Controls.Segmented" Version="8.0.230907" />
+    <PackageReference Include="CommunityToolkit.WinUI.Extensions" Version="8.0.230907" />
     <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.4.230913002" />
     <PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.22621.756" />
     <PackageReference Include="Microsoft.Xaml.Behaviors.WinUI.Managed" Version="2.0.9" />

dev/Helpers/AlAnvarSettings.cs

@@ -23,4 +23,5 @@ public class AlAnvarSettings : JsonSettings, IVersionable
     public virtual string LastUpdateCheck { get; set; } = "هرگز";
     public virtual bool IsAutoDownloadSound { get; set; } = true;
     public virtual string AudiosPath { get; set; } = Constants.AudiosPath;
+    public virtual NavigationViewPaneDisplayMode PaneDisplayMode { get; set; } = NavigationViewPaneDisplayMode.Top;
 }

dev/ViewModels/Settings/GeneralSettingViewModel.cs

@@ -2,4 +2,9 @@
 
 public partial class GeneralSettingViewModel : ObservableRecipient
 {
+    [RelayCommand]
+    private void OnPaneDisplayModeChanged()
+    {
+        MainPage.Instance.RefreshPaneDisplayMode();
+    }
 }

dev/Views/MainPage.xaml

@@ -4,6 +4,7 @@
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:settings="using:AlAnvar.Helpers"
       xmlns:wuc="using:WinUICommunity"
       mc:Ignorable="d">
     <Grid>
@@ -46,9 +47,11 @@
         </wuc:TitleBar>
         <NavigationView x:Name="NavView"
                         Grid.Row="1"
+                        DisplayModeChanged="NavView_DisplayModeChanged"
                         FlowDirection="RightToLeft"
                         IsBackButtonVisible="Collapsed"
-                        IsPaneToggleButtonVisible="False">
+                        IsPaneToggleButtonVisible="False"
+                        PaneDisplayMode="{x:Bind settings:AlAnvarHelper.Settings.PaneDisplayMode, Mode=OneWay}">
 
             <Frame x:Name="NavFrame"
                    Navigated="NavFrame_Navigated" />

dev/Views/MainPage.xaml.cs

@@ -33,6 +33,11 @@ private void MainPage_Loaded(object sender, RoutedEventArgs e)
         settings.Content = "تنظیمات";
     }
 
+    public void RefreshPaneDisplayMode()
+    {
+        NavView.PaneDisplayMode = Settings.PaneDisplayMode;
+    }
+
     private void Search(AutoSuggestBox sender, AutoSuggestBoxTextChangedEventArgs textChangedEventArgs, AutoSuggestBoxQuerySubmittedEventArgs querySubmittedEventArgs)
     {
         var rootFrame = ViewModel.JsonNavigationViewService.Frame;
@@ -60,6 +65,7 @@ private void Search(AutoSuggestBox sender, AutoSuggestBoxTextChangedEventArgs te
             }
         }
     }
+
     private void AutoSuggestBox_TextChanged(AutoSuggestBox sender, AutoSuggestBoxTextChangedEventArgs args)
     {
         var viewModel = NavFrame.GetPageViewModel();
@@ -113,4 +119,16 @@ private void ThemeButton_Click(object sender, RoutedEventArgs e)
             element.RequestedTheme = ElementTheme.Light;
         }
     }
+
+    private void NavView_DisplayModeChanged(NavigationView sender, NavigationViewDisplayModeChangedEventArgs args)
+    {
+        if (NavView.PaneDisplayMode == NavigationViewPaneDisplayMode.Top)
+        {
+            appTitleBar.IsPaneButtonVisible = false;
+        }
+        else
+        {
+            appTitleBar.IsPaneButtonVisible = true;
+        }
+    }
 }

dev/Views/Settings/GeneralSettingPage.xaml

@@ -3,6 +3,8 @@
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:i="using:Microsoft.Xaml.Interactivity"
+      xmlns:ic="using:Microsoft.Xaml.Interactions.Core"
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       xmlns:settings="using:AlAnvar.Helpers"
       xmlns:views="using:AlAnvar.Views"
@@ -22,6 +24,22 @@
                               OffContent="غیر فعال"
                               OnContent="فعال" />
             </wuc:SettingsCard>
+            <wuc:SettingsCard Description="حالت نمایش منوی اصلی برنامه را مشخص کنید"
+                              Header="حالت نمایش منو"
+                              HeaderIcon="{wuc:BitmapIcon Source=Assets/Fluent/download.png}">
+                <ComboBox xmlns:enums="using:Microsoft.UI.Xaml.Controls"
+                          xmlns:ui="using:CommunityToolkit.WinUI"
+                          ItemsSource="{ui:EnumValues Type=enums:NavigationViewPaneDisplayMode}"
+                          SelectedItem="{x:Bind settings:AlAnvarHelper.Settings.PaneDisplayMode, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                    <i:Interaction.Behaviors>
+                        <ic:EventTriggerBehavior EventName="SelectionChanged">
+                            <ic:EventTriggerBehavior.Actions>
+                                <ic:InvokeCommandAction Command="{x:Bind ViewModel.PaneDisplayModeChangedCommand}" />
+                            </ic:EventTriggerBehavior.Actions>
+                        </ic:EventTriggerBehavior>
+                    </i:Interaction.Behaviors>
+                </ComboBox>
+            </wuc:SettingsCard>
         </StackPanel>
     </ScrollView>
 </Page>