【Windows10】如何使用Segoe MDL2 Assets圖標

眾所周知，在Windows 10中，微軟引入了漢堡菜單，方便Android和ios的開發者移植程序，而不需要單獨為Windows設計一套UI。但有人可能發現在symbol icon里根本找不到所謂的漢堡圖標，難道還要我們自己畫一個嘛？OF COURSE NOT！

 

在Windows 10中已經嵌入了Segoe MDL2 Assets字體，下面就簡要說明一下，如何利用這一字體畫出需要的各式metro圖標

 

新建一個Windows 10 UWP項目

 

XAML

<TextBlock Text="&#xE700;" FontFamily="Segoe MDL2 Assets" FontSize="30" Foreground="White" />

其中Text就是圖標代號，FontSize調整大小，Foreground調整顏色，很簡單吧！

 

C#

Windows.UI.Xaml.Media.FontFamily font = new Windows.UI.Xaml.Media.FontFamily("Segoe MDL2 Assets");
SymbolTextBlock.FontFamily = font;
SymbolTextBlock.Text = "\xE700";

 

效果如圖

而且由於這是一個矢量圖，拉伸不會導致像素顆粒，據說Windows 10會根據屏幕大小自動調整字號？

 

在Button/AppBarButton中添加新圖標也是類似的方法

<Button Content="&#xE122;" FontFamily="Segoe MDL2 Assets" />

順便還發現了Win10 Button的背景色居然會根據Button所在布局控件的背景色自動改變這一叼炸天的功能！媽媽再也不用擔心我不懂配色了U_U

 

 

那么去哪兒找這個圖標代號呢？這里給個網址 http://modernicons.io/segoe-mdl2/cheatsheet/