Added icon dictionary

Removed the Chip icon from GlyphValueConverter.cs
Replaced all settings window sidebar icons with new ones for consistency
Increased sidebar icon size from 16 points to 20 points
This commit is contained in:
Emma Alyx Wunder 2024-03-15 02:03:38 +01:00
parent ed1e4cd979
commit 269c508d87
5 changed files with 4957 additions and 18 deletions

View file

@ -0,0 +1,64 @@
<ResourceDictionary xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
xmlns:local="clr-namespace:Ryujinx.Assets.Fonts">
<FontFamily x:Key="FluentSystemIconsResizable">avares://Ryujinx/Assets/Fonts#FluentSystemIcons-Resizable</FontFamily>
<!-- The same symbol size FluentAvalonia uses, see https://github.com/amwx/FluentAvalonia/blob/v2.0.4/src/FluentAvalonia/UI/Controls/IconElement/SymbolIcon.cs -->
<x:Double x:Key="FontIconSize">20</x:Double>
<ui:FontIconSource
x:Key="New"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.New}" />
<ui:FontIconSource
x:Key="Games"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.Games}" />
<ui:FontIconSource
x:Key="Keyboard"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.Keyboard}" />
<ui:FontIconSource
x:Key="Settings"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.Settings}" />
<ui:FontIconSource
x:Key="DeveloperBoard"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.DeveloperBoard}" />
<ui:FontIconSource
x:Key="Image"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.Image}" />
<ui:FontIconSource
x:Key="MusicNote"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.MusicNote2}" />
<ui:FontIconSource
x:Key="Globe"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.Globe}" />
<ui:FontIconSource
x:Key="Document"
FontFamily="{StaticResource FluentSystemIconsResizable}"
FontSize="{StaticResource FontIconSize}"
Glyph="{x:Static local:FluentSystemIconsResizable.Document}" />
</ResourceDictionary>

File diff suppressed because it is too large Load diff

View file

@ -103,6 +103,9 @@
<SubType>Designer</SubType>
</AvaloniaResource>
<AvaloniaResource Include="Assets\Fonts\FluentSystemIcons-Resizable.ttf" />
<AvaloniaResource Include="Assets\Fonts\FluentSystemIconsResizable.xaml">
<Generator>MSBuild:Compile</Generator>
</AvaloniaResource>
<AvaloniaResource Include="Assets\Styles\Themes.xaml">
<Generator>MSBuild:Compile</Generator>
</AvaloniaResource>

View file

@ -13,7 +13,6 @@ namespace Ryujinx.Ava.UI.Helpers
{
{ Glyph.List, char.ConvertFromUtf32((int)Symbol.List) },
{ Glyph.Grid, char.ConvertFromUtf32((int)Symbol.ViewAll) },
{ Glyph.Chip, char.ConvertFromUtf32(59748) },
};
public GlyphValueConverter(string key)

View file

@ -17,7 +17,18 @@
WindowStartupLocation="CenterOwner"
x:DataType="viewModels:SettingsViewModel"
mc:Ignorable="d"
Focusable="True">
Focusable="True"
UseLayoutRounding="True"
RenderOptions.TextRenderingMode="Antialias">
<window:StyleableWindow.Resources>
<ResourceDictionary>
<x:Double x:Key="NavigationViewItemOnLeftIconBoxHeight">20</x:Double>
<ResourceDictionary.MergedDictionaries>
<MergeResourceInclude Source="/Assets/Fonts/FluentSystemIconsResizable.xaml"/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</window:StyleableWindow.Resources>
<Design.DataContext>
<viewModels:SettingsViewModel />
</Design.DataContext>
@ -58,44 +69,39 @@
IsSelected="True"
Content="{locale:Locale SettingsTabGeneral}"
Tag="UiPage"
IconSource="New" />
IconSource="{StaticResource New}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabInput}"
Tag="InputPage"
IconSource="Games" />
IconSource="{StaticResource Games}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabHotkeys}"
Tag="HotkeysPage"
IconSource="Keyboard" />
IconSource="{StaticResource Keyboard}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabSystem}"
Tag="SystemPage"
IconSource="Settings" />
IconSource="{StaticResource Settings}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabCpu}"
Tag="CpuPage">
<ui:NavigationViewItem.IconSource>
<ui:FontIconSource
FontFamily="avares://Ryujinx/Assets/Fonts#Segoe Fluent Icons"
Glyph="{helpers:GlyphValueConverter Chip}" />
</ui:NavigationViewItem.IconSource>
</ui:NavigationViewItem>
Tag="CpuPage"
IconSource="{StaticResource DeveloperBoard}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabGraphics}"
Tag="GraphicsPage"
IconSource="Image" />
IconSource="{StaticResource Image}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabAudio}"
IconSource="Audio"
Tag="AudioPage" />
Tag="AudioPage"
IconSource="{StaticResource MusicNote}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabNetwork}"
Tag="NetworkPage"
IconSource="Globe" />
IconSource="{StaticResource Globe}" />
<ui:NavigationViewItem
Content="{locale:Locale SettingsTabLogging}"
Tag="LoggingPage"
IconSource="Document" />
IconSource="{StaticResource Document}" />
</ui:NavigationView.MenuItems>
<ui:NavigationView.Styles>
<Style Selector="Grid#PlaceholderGrid">