What is the 'right' way to resize a SymbolIcon?

问题

I want to be able to define a style and set the style on the icon (or on the button that holds the icon).

Setting the button h/w doesn't enlarge the symbol and adding a Viewbox works, but I can't figure out how to set that from a style.

<Button x:Name="ZoomInButton" Style="{ThemeResource HeaderButtonStyle}" Grid.Column="1" Grid.Row="0" Click="ZoomInButton_Click">
   <SymbolIcon Symbol="ZoomIn" />
</Button>

Any help very much appreciated! Seems so easy, but I'm stumped!

回答1:

In UWP apps, the standard glyphs are provided by the Segoe MDL2 Assets font, you can directly use a TextBlock with FontFamily="Segoe MDL2 Assets", so you can change the icon's size by setting the FontSize of the TextBlock.

For example here:

<Button x:Name="ZoomInButton" Style="{ThemeResource HeaderButtonStyle}" Grid.Column="1" Grid.Row="0" Click="ZoomInButton_Click">
   <TextBlock FontFamily="Segoe MDL2 Assets" Text="&#xE8A3;" FontSize="30" />
</Button>

For more info about this font, you can refer to Guidelines for Segoe MDL2 icons.

来源：https://stackoverflow.com/questions/38407193/what-is-the-right-way-to-resize-a-symbolicon