调整 SymbolIcon 大小的“正确”方法是什么？答案

【问题标题】：What is the 'right' way to resize a SymbolIcon?调整 SymbolIcon 大小的“正确”方法是什么？
【发布时间】：2016-11-19 07:38:12
【问题描述】：

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

设置按钮 h/w 不会放大符号并添加 Viewbox 有效，但我不知道如何从样式中设置它。

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

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

【问题讨论】：

标签： uwp uwp-xaml

【解决方案1】：

在 UWP 应用中，标准字形由 Segoe MDL2 Assets 字体提供，您可以直接使用 TextBlock 和 FontFamily="Segoe MDL2 Assets"，因此您可以通过设置 TextBlock 的 FontSize 来更改图标的大小.

例如这里：

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

有关此字体的更多信息，您可以参考Guidelines for Segoe MDL2 icons。

【讨论】：

感谢格蕾丝！我在 Windows 8 上看到了这个，但能够使用这些名称肯定会更好！我不明白为什么 ms 会提供漂亮的图标而不指定大小。
生活。保护程序。 :)

【解决方案2】：

我建议不要使用SymbolIcon 或TextBlock，而是使用FontIcon：

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

【讨论】：