windows-8 - Windows 应用商店应用程序：更改 AppBar 按钮的图标？

Question

我想在我的 Windows Store 应用程序中更改 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> 

内容值是什么意思？有没有对内置图标的参考？

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

Answer 1

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

请参阅 LIST OF BUTTON SYMBOLS中的符号列表

Answer 2

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

如果要使用图像或路径，则必须重新编辑样式中的某些视觉状态。

Answer 3

十六进制值是 Segoe UI 字体中的符号。这是按钮中心显示的符号。

我写了一篇关于如何创建自己的应用程序栏按钮的博客文章，其中包括您可以使用的 Segoe UI 符号的参考，以及它们的十六进制值。