“正确”的方式是如何调整SymbolIcon的大小？

Question

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

调整按钮的宽高不会放大符号，添加视图框可以解决问题，但我无法弄清如何从样式中设置它。

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

非常感谢您的帮助！似乎很简单，但我却被难住了！

- DeannaD

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

有关此字体的更多信息，您可以参考Segoe MDL2图标指南。

- Grace Feng

---

谢谢Grace！我看到了这个Windows 8的内容，但使用名称肯定更好！我不明白为什么微软会提供漂亮的图标却没有指定大小的方法。 - DeannaD

救命稻草 :) - Evan Hutnick

Answer 2

建议使用FontIcon而非SymbolIcon或TextBlock，请参考此链接：

<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