7

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!

DeannaD
  • 1,469
  • 2
  • 16
  • 27

2 Answers2

8

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.

Grace Feng
  • 16,564
  • 2
  • 22
  • 45
1

Instead of using a SymbolIcon or TextBlock I suggest using a FontIcon instead:

<Button x:Name="ZoomInButton" Style="{ThemeResource HeaderButtonStyle}" Grid.Column="1" Grid.Row="0" Click="ZoomInButton_Click">
   <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE8A3;" FontSize="30" />
</Button>
AtosNicoS
  • 143
  • 7