ハンバーガーボタンを作る

2189 ワード
UWP Windows10 Xaml UI iconfont UI テキストリンク

Segoe MDL2 Assetsフォント文字コードU+E700が例のハンバーガーになる。
下のようにしてあげると使える。

MainPage.xaml
...
<ToggleButton VerticalAlignment="Top">
    <ToggleButton.Content>
        <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE700;" />
    </ToggleButton.Content>
</ToggleButton>
...

もちろんトグルボタン以外でも使用可能
↓が実行例

一部のアイコンはSymbol要素で簡単に指定できる。

<Button VerticalAlignment="Top">
    <SymbolIcon Symbol="Save" />
</Button>

このページは要ブクマ。
Segoe MDL2 アイコンのガイドライン
https://msdn.microsoft.com/ja-jp/library/windows/apps/jj841126.aspx

参考：ハンバーガーボタンを実装するには？［Windows 10 UWPアプリ開発］
http://www.atmarkit.co.jp/ait/articles/1508/19/news023.html