Windows 应用商店应用程序：更改 AppBar 按钮的图标？答案

【问题标题】：Windows Store Apps: Change the icon of an AppBar Button?Windows 应用商店应用程序：更改 AppBar 按钮的图标？
【发布时间】：2013-02-10 15:06:59
【问题描述】：

我想在我的 Windows 应用商店应用中更改 AppBar 按钮的图标。

我发现 AppBar 按钮的 XAML 标记如下所示：

<Style x:Key="PicturesAppBarButtonStyle"
       TargetType="ButtonBase" 
       BasedOn="{StaticResource AppBarButtonStyle}">
    <Setter Property="AutomationProperties.AutomationId"
            Value="PicturesAppBarButton"/>
    <Setter Property="AutomationProperties.Name" 
            Value="Pictures"/>
    <Setter Property="Content" Value="&#xE158;"/>
</Style>

内容值&#xE158; 是什么意思？有没有对内置图标的参考？

另外，我怎样才能显示我自己的不同图标？

【问题讨论】：

标签： windows-8 winrt-xaml windows-store-apps

【解决方案1】：

内容是所用字体“Segoe UI Symbol”的Unicode字符编号。

查看符号列表 LIST OF BUTTON SYMBOLS

【讨论】：

非常感谢，但是有没有办法在内容中使用我的自定义图标而不是使用内置的内容值？

【解决方案2】：

您可以使用 CharacterMap 来选择未在 StandardStyles.xaml 中定义的图标。字符映射为您提供十六进制代码，然后您可以在按钮样式中使用它。 Segoe UI Symbol 中有大量的符号。

如果你想使用图像或路径，那么你必须重新编辑样式中的一些视觉状态。

【讨论】：

【解决方案3】：

十六进制值&#xE158; 是 Segoe UI 字体中的一个符号。这是按钮中心显示的符号。

我在 how to create your own app bar button 上写了一篇博文，其中包含您可以使用的 Segoe UI 符号的参考，以及它们的十六进制值。

【讨论】：