Windows应用商店应用:更改AppBar按钮的图标?

时间:2013-02-10 15:06:59

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

我想在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;的含义是什么?是否有任何参考内置图标?

另外,我如何显示自己的不同图标?

3 个答案:

答案 0 :(得分:6)

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

查看符号列表 LIST OF BUTTON SYMBOLS

答案 1 :(得分:1)

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

enter image description here

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

答案 2 :(得分:0)

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

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