From 44f8ee0695eb72d5bf4e574392c0047f7ca06f70 Mon Sep 17 00:00:00 2001
From: Milkitic <Milkitic@126.com>
Date: Sun, 15 Nov 2020 16:58:40 +0800
Subject: [PATCH] better support for navbar

---
 .../Configuration/GeneralSection.cs           |  1 +
 .../Converters/GetOutlinedTextConverter.cs    | 49 +++++++++++++++++++
 OsuPlayer.Wpf/OsuPlayer.Wpf.csproj            |  1 +
 OsuPlayer.Wpf/Styles/ConverterDictionary.xaml |  1 +
 .../RadioButtonComponent/SwitchRadio.xaml     |  2 +
 .../ViewModels/MainWindowViewModel.cs         |  4 ++
 OsuPlayer.Wpf/Windows/MainWindow.xaml         | 40 +++++++++++++--
 OsuPlayer.Wpf/Windows/MainWindow.xaml.cs      |  1 +
 8 files changed, 96 insertions(+), 3 deletions(-)
 create mode 100644 OsuPlayer.Wpf/Converters/GetOutlinedTextConverter.cs

diff --git a/OsuPlayer.Common/Configuration/GeneralSection.cs b/OsuPlayer.Common/Configuration/GeneralSection.cs
index 7821cdf1..2a97738a 100644
--- a/OsuPlayer.Common/Configuration/GeneralSection.cs
+++ b/OsuPlayer.Common/Configuration/GeneralSection.cs
@@ -13,6 +13,7 @@ public class GeneralSection
         public string CustomSongsPath { get; set; } = Path.Combine(Domain.CurrentPath, "Songs");
         public bool? ExitWhenClosed { get; set; } = null;
         public bool FirstOpen { get; set; } = true;
+        public bool IsNavigationCollapsed { get; set; }
         public Point? MiniLastPosition { get; set; }
         public Rectangle? MiniWorkingArea { get; set; }
     }
diff --git a/OsuPlayer.Wpf/Converters/GetOutlinedTextConverter.cs b/OsuPlayer.Wpf/Converters/GetOutlinedTextConverter.cs
new file mode 100644
index 00000000..01b80b0a
--- /dev/null
+++ b/OsuPlayer.Wpf/Converters/GetOutlinedTextConverter.cs
@@ -0,0 +1,49 @@
+using System;
+using System.Globalization;
+using System.Linq;
+using System.Windows.Data;
+
+namespace Milky.OsuPlayer.Converters
+{
+    class GetOutlinedTextConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value is string s)
+            {
+                string result = null;
+                var split = s.Split(' ');
+                if (split.Length > 1)
+                {
+                    result = (split[0].Substring(0, 1) + split[1].Substring(0, 1)).ToUpper();
+                }
+                else if (split.Length > 0)
+                {
+                    if (split[0].Length > 1)
+                    {
+                        result = split[0].Substring(0, 2);
+                    }
+                    else
+                        result = split[0].Substring(0, 1);
+                }
+
+                if (result == null) return null;
+                if (result.All(k => k >= 32 && k <= 255))
+                {
+                    return result;
+                }
+                else
+                {
+                    return result.Substring(0, 1);
+                }
+            }
+
+            return null;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
\ No newline at end of file
diff --git a/OsuPlayer.Wpf/OsuPlayer.Wpf.csproj b/OsuPlayer.Wpf/OsuPlayer.Wpf.csproj
index 9456fa6b..8c8f439c 100644
--- a/OsuPlayer.Wpf/OsuPlayer.Wpf.csproj
+++ b/OsuPlayer.Wpf/OsuPlayer.Wpf.csproj
@@ -172,6 +172,7 @@
     <Reference Include="PresentationFramework" />
   </ItemGroup>
   <ItemGroup>
+    <Compile Include="Converters\GetOutlinedTextConverter.cs" />
     <Compile Include="Converters\LocalizedFontFamilyConverter.cs" />
     <Compile Include="Converters\RoundedNumberConverter.cs" />
     <Compile Include="Utils\CompoundUtil.cs" />
diff --git a/OsuPlayer.Wpf/Styles/ConverterDictionary.xaml b/OsuPlayer.Wpf/Styles/ConverterDictionary.xaml
index db85b6a4..4ac02507 100644
--- a/OsuPlayer.Wpf/Styles/ConverterDictionary.xaml
+++ b/OsuPlayer.Wpf/Styles/ConverterDictionary.xaml
@@ -22,4 +22,5 @@
     <converters:Multi_ListViewSelectAndScrollConverter x:Key="Multi_ListViewSelectAndScrollConverter" />
     <converters:LocalizedFontFamilyConverter x:Key="LocalizedFontFamilyConverter" />
     <converters:RoundedNumberConverter x:Key="RoundedNumberConverter" />
+    <converters:GetOutlinedTextConverter x:Key="GetOutlinedTextConverter" />
 </ResourceDictionary>
\ No newline at end of file
diff --git a/OsuPlayer.Wpf/UiComponents/RadioButtonComponent/SwitchRadio.xaml b/OsuPlayer.Wpf/UiComponents/RadioButtonComponent/SwitchRadio.xaml
index 5ec34ab1..1f5bc3e7 100644
--- a/OsuPlayer.Wpf/UiComponents/RadioButtonComponent/SwitchRadio.xaml
+++ b/OsuPlayer.Wpf/UiComponents/RadioButtonComponent/SwitchRadio.xaml
@@ -140,6 +140,8 @@
         <Setter Property="MouseOverIconColor" Value="#DC498D" />
         <Setter Property="TargetPageSingleton" Value="True" />
         <Setter Property="Scope" Value="Nav" />
+        <!--<Setter Property="UseLayoutRounding" Value="True" />-->
+        <Setter Property="SnapsToDevicePixels" Value="True" />
     </Style>
     <Style
         x:Key="ConfigSwitchRadio"
diff --git a/OsuPlayer.Wpf/ViewModels/MainWindowViewModel.cs b/OsuPlayer.Wpf/ViewModels/MainWindowViewModel.cs
index 7e001a1d..ae38c242 100644
--- a/OsuPlayer.Wpf/ViewModels/MainWindowViewModel.cs
+++ b/OsuPlayer.Wpf/ViewModels/MainWindowViewModel.cs
@@ -2,6 +2,7 @@
 using Milky.OsuPlayer.Presentation.Interaction;
 using System.Collections.ObjectModel;
 using System.Windows.Input;
+using Milky.OsuPlayer.Common.Configuration;
 
 namespace Milky.OsuPlayer.ViewModels
 {
@@ -34,6 +35,7 @@ public bool IsNavigationCollapsed
             get => _isNavigationCollapsed;
             set
             {
+                if (_isNavigationCollapsed == value) return;
                 _isNavigationCollapsed = value;
                 OnPropertyChanged();
             }
@@ -68,6 +70,8 @@ public ICommand CollapseCommand
                     Execute.OnUiThread(() =>
                     {
                         IsNavigationCollapsed = !IsNavigationCollapsed;
+                        AppSettings.Default.General.IsNavigationCollapsed = IsNavigationCollapsed;
+                        AppSettings.SaveDefault();
                     });
                 });
             }
diff --git a/OsuPlayer.Wpf/Windows/MainWindow.xaml b/OsuPlayer.Wpf/Windows/MainWindow.xaml
index 38e9ed7e..c38c5320 100644
--- a/OsuPlayer.Wpf/Windows/MainWindow.xaml
+++ b/OsuPlayer.Wpf/Windows/MainWindow.xaml
@@ -238,9 +238,6 @@
                                         VerticalAlignment="Center"
                                         CheckedIconColor="#4090A0"
                                         Content="{Binding Name}"
-                                        IconSize="18"
-                                        IconTemplate="{StaticResource CollectionTempl}"
-                                        Style="{StaticResource OsuSwitchRadio}"
                                         TargetFrameControl="MainFrame"
                                         TargetPageData="{Binding Id}"
                                         TargetPageSingleton="False"
@@ -251,6 +248,43 @@
                                                 <Binding RelativeSource="{RelativeSource Self}" />
                                             </MultiBinding>
                                         </radioButtonComponent:SwitchRadio.Tag>
+                                        <radioButtonComponent:SwitchRadio.Style>
+                                            <Style BasedOn="{StaticResource OsuSwitchRadio}" TargetType="radioButtonComponent:SwitchRadio">
+                                                <Style.Triggers>
+                                                    <DataTrigger Binding="{Binding Path=DataContext.IsNavigationCollapsed, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:MainWindow}}}" Value="False">
+                                                        <Setter Property="IconTemplate" Value="{StaticResource CollectionTempl}" />
+                                                        <Setter Property="IconSize" Value="18" />
+                                                    </DataTrigger>
+                                                    <!--<Setter Property="MouseOverBackground" Value="White" />
+                                                    <Setter Property="MouseOverForeground" Value="#303030" />
+                                                    <Setter Property="MouseOverIconColor" Value="#DC498D" />-->
+                                                    <DataTrigger Binding="{Binding Path=DataContext.IsNavigationCollapsed, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:MainWindow}}}" Value="True">
+                                                        <Setter Property="IconTemplate">
+                                                            <Setter.Value>
+                                                                <ControlTemplate>
+                                                                    <Border
+                                                                        Width="40"
+                                                                        Height="40"
+                                                                        Background="{TemplateBinding Foreground}"
+                                                                        CornerRadius="20">
+                                                                        <Label
+                                                                            Margin="1,0.5,0,0"
+                                                                            HorizontalAlignment="Center"
+                                                                            VerticalAlignment="Center"
+                                                                            Content="{Binding Name, Converter={StaticResource GetOutlinedTextConverter}}"
+                                                                            FontSize="22"
+                                                                            FontWeight="Bold"
+                                                                            Foreground="#303030" />
+                                                                    </Border>
+                                                                </ControlTemplate>
+                                                            </Setter.Value>
+                                                        </Setter>
+                                                        <Setter Property="Margin" Value="-2,0,0,1" />
+                                                        <Setter Property="IconSize" Value="20" />
+                                                    </DataTrigger>
+                                                </Style.Triggers>
+                                            </Style>
+                                        </radioButtonComponent:SwitchRadio.Style>
                                     </radioButtonComponent:SwitchRadio>
                                 </ControlTemplate>
                                 <Style TargetType="{x:Type ListViewItem}">
diff --git a/OsuPlayer.Wpf/Windows/MainWindow.xaml.cs b/OsuPlayer.Wpf/Windows/MainWindow.xaml.cs
index 6240b07a..3181a504 100644
--- a/OsuPlayer.Wpf/Windows/MainWindow.xaml.cs
+++ b/OsuPlayer.Wpf/Windows/MainWindow.xaml.cs
@@ -53,6 +53,7 @@ public MainWindow()
         {
             InitializeComponent();
             ViewModel = (MainWindowViewModel)DataContext;
+            ViewModel.IsNavigationCollapsed = AppSettings.Default.General.IsNavigationCollapsed;
             LyricWindow = new LyricWindow(this);
             if (AppSettings.Default.Lyric.EnableLyric)
                 LyricWindow.Show();