WPF-MenuItem只显示最后一个Icon

我在配置一个ContextMenu,想实现动态后台添加MenuItem。


然而我遇到了这个问题:

无论是写死icon,还是后台赋值,都只有最后一个icon是显示的····

经过一番摸索,找到了个解决方案。

<ContextMenu ItemsSource="{Binding TabMenuModels}" Style="{StaticResource MaterialDesignContextMenu}">
    <ContextMenu.ItemContainerStyle>

        <Style BasedOn="{StaticResource MaterialDesignMenuItem}" TargetType="MenuItem">
            <Style.Resources>

                <materialDesign:PackIcon
                    x:Key="imgCTX"
                    Width="16px"
                    Height="16px"
                    x:Shared="false"
                    Kind="{Binding Path=FontIcon}" />

            </Style.Resources>

            <Setter Property="FontFamily" Value="Microsoft YaHei" />
            <Setter Property="Icon" Value="{StaticResource imgCTX}" />
            <Setter Property="Header" Value="{Binding MenuHeader}" />
            <Setter Property="Command" Value="{Binding ExcuteCommand}" />
        </Style>
    </ContextMenu.ItemContainerStyle>
</ContextMenu>

icon 设置成资源然后使用x:share=false即可(图片一样)。

实现后的效果:

目前找到比较合理的解释:

每个UI元素只能放在视觉树中的一个位置。 不能在多个MenuItem上使用相同的资源控件。
需要为每个MenuItem创建单独的资源控件。
否则,每次将其分配给新的MenuItem时,都只是将其从一个移到下一个。
x:share 特性设置为false时,会修改wpf检索资源的行为,为每一个请求都生成不同的实例,而不是共享实例。

感觉还是不够清晰,至少问题解决了,希望明白原因的大佬能分享。感谢!~~

posted @ 2021-05-22 16:54  OneByOneDotNet  阅读(311)  评论(0编辑  收藏  举报