Custom icons for Tiles view and List view in layout mode menu (#1018)

Richard · web-flow · commit 2e1943a2df03 · 2020-06-11T22:02:37.000-04:00
* Custom Icons
diff --git a/Files/App.xaml b/Files/App.xaml
@@ -40,6 +40,7 @@
                     </ResourceDictionary.ThemeDictionaries>
                 </ResourceDictionary>
             </ResourceDictionary.MergedDictionaries>
+            <FontFamily x:Key="CustomLayoutModeIcon">/Assets/Custom Glyphs/layout-mode-custom-icon.ttf#layout-mode-custom-icon</FontFamily>
         </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/Files/Assets/Custom Glyphs/layout-mode-custom-icon.ttf b/Files/Assets/Custom Glyphs/layout-mode-custom-icon.ttf
diff --git a/Files/Files.csproj b/Files/Files.csproj
@@ -283,6 +283,7 @@
     <Content Include="Assets\LargeTile.scale-200.png" />
     <Content Include="Assets\LargeTile.scale-400.png" />
     <Content Include="Assets\logo.bmp" />
+    <Content Include="Assets\Custom Glyphs\layout-mode-custom-icon.ttf" />
     <None Include="Assets\terminal\terminal.json">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </None>
diff --git a/Files/UserControls/StatusBarControl.xaml b/Files/UserControls/StatusBarControl.xaml
@@ -102,15 +102,17 @@
                             Command="{x:Bind AppSettings.ToggleLayoutModeTiles}"
                             Text="Tiles View">
                             <MenuFlyoutItem.Icon>
-                                <FontIcon Glyph="&#xF168;" />
+                                <FontIcon Glyph="&#xf100;" 
+                                          FontFamily="{StaticResource CustomLayoutModeIcon}" />
                             </MenuFlyoutItem.Icon>
                         </MenuFlyoutItem>
                         <MenuFlyoutItem
                             x:Uid="StatusBarControlListView"
                             Command="{x:Bind AppSettings.ToggleLayoutModeListView}"
                             Text="List View">
                             <MenuFlyoutItem.Icon>
-                                <FontIcon Glyph="&#xE14C;" />
+                                <FontIcon Glyph="&#xf200;" 
+                                          FontFamily="{StaticResource CustomLayoutModeIcon}" />
                             </MenuFlyoutItem.Icon>
                         </MenuFlyoutItem>
                     </MenuFlyout>
