调整SymbolIcon大小的“正确”方法是什么?

时间:2016-07-16 02:40:31

标签: uwp uwp-xaml

我希望能够定义样式并在图标上(或者在包含图标的按钮上)设置样式。

设置按钮h / w不会放大符号并添加Viewbox,但我无法弄清楚如何从样式中设置它。

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

非常感谢任何帮助!看起来很简单,但我很难过!

2 个答案:

答案 0 :(得分:7)

在UWP应用程序中,标准字形由Segoe MDL2资产字体提供,您可以直接使用TextBlockFontFamily="Segoe MDL2 Assets",因此您可以通过设置更改图标的大小来更改图标的大小FontSize的{​​{1}}。

例如:

TextBlock

有关此字体的详细信息,请参阅Guidelines for Segoe MDL2 icons

答案 1 :(得分:0)

我建议使用 SymbolIcon 代替 TextBlockFontIcon

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