You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

UWP中NavigationViewItem的BitmapIcon仅显示黑白问题求助

UWP BitmapIcon显示彩色图标解决方案

在<BitmapIcon>标签中添加ShowAsMonochrome="False"属性,即可让图标呈现原本的彩色。

修改后的完整代码:

<NavigationViewItem Content="Local">
    <NavigationViewItem.Icon>
        <BitmapIcon UriSource="ms-appx:///Items/MediaOptions/local_icon.png" 
                    Height="40" Width="40"
                    ShowAsMonochrome="False"/>
    </NavigationViewItem.Icon>
</NavigationViewItem>

原理说明

BitmapIcon默认ShowAsMonochrome为True,这个特性会把图标转为单色,匹配当前NavigationView的主题前景色(比如白色或黑色)。关闭该属性后,控件会直接渲染PNG原图的所有色彩,不再做单色转换。

原图:
彩色原图

之前的错误显示效果:
单色错误效果

内容的提问来源于stack exchange,提问作者Ariel P

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 19:32:06