【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/