【问题标题】:Windows 8 BottomAppBar change icon in codeWindows 8 BottomAppBar 在代码中更改图标
【发布时间】:2012-09-11 23:11:10
【问题描述】:

我正在为 Windows 8 开发 Metro 应用程序,我很难在代码中更改 BottomAppBar 中的图标。我希望有一个图标表示声音已启用,当您点击它时,我希望它更改为另一个表示声音已禁用的图标

<Button x:Name="SoundsAppBarIcon" 
Style="{StaticResource SoundsEnabledAppBarButtonStyle}"
Tag="Sounds"
Click="SoundsAppBarIcon_Click"/>

在那种风格中有&lt;Setter Property="Content" Value="&amp;#xE189;"/&gt;,我不知道这个&amp;#xE189是什么意思。

不管怎样,我试过做这样的事情,但也没有用

<Button x:Name="SoundsAppBarIcon" 
        Tag="Sounds"
        Click="SoundsAppBarIcon_Click">
    <Button.Content>
        <Image Source="Assets/Images/SoundsDisabled.png"/>
    </Button.Content>
</Button>

感谢您的帮助

【问题讨论】:

    标签: windows windows-runtime windows-store-apps winrt-xaml appbar


    【解决方案1】:

    是字符代码。

    您可以通过打开 Character Map,为字体选择“Segoe UI Symbol”,然后向下滚动找到您喜欢的一个来获得更多图标。 Microsoft 建议使用这些图标,而不是图像文件,以确保应用之间的一致性。

    从字符映射表中找到您喜欢的图标后,只需将其复制并粘贴到 XAML 中的内容设置器中即可。不用担心它在代码中显示为一个带有问号的框,它会在应用程序中正确显示。

    【讨论】:

    • 谢谢,我找不到我想在“Seoge UI Symbol”字符中使用的图标。有没有办法将图标更改为 png 图片?
    • 您需要使用不同的按钮模板并为不同的按钮状态提供图像。在 WinRT XAML 工具包中查找 ImageButton。
    • 顺便说一句:irisclasson.com/2012/07/25/… 至于其他图标,我使用了syncfusion Metro studio syncfusion.com/downloads/metrostudio,XAML 版本的图标。超级好,上次我也检查了免费许可证。 TannerJS 在 RE 中非常适合推荐。
    猜你喜欢
    • 1970-01-01
    • 2013-07-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多