WPF MenuItem图标分享
WPF MenuItem Icon sharing
我想将图标绑定到动态创建这些项目的 MenuItem 控件。我尝试将 x:Shared 属性设置为 False,但始终只有最后一项有图标。
这是我的 MenuItems ItemContainerStyle 样式代码:
<Window.Resources>
<Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" x:Shared="False">
<Setter Property="Icon">
<Setter.Value>
<Image Source="{Binding IconSource}" />
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
以及 MenuItem 定义:
<MenuItem Header="Workspaces" ItemsSource="{Binding WorkspaceItems}" Icon="{StaticResource BranchIcon}" ItemContainerStyle="{StaticResource MenuItemStyle}" />
我已经尝试在 Image 控件上设置此 Shared 属性,但没有成功。
有什么建议吗?
你快到了!
首先:不要被Template vs Style.
迷惑了
将 Icon 属性 设置为图像控件时,只会创建一个副本。由于一个控件只能有一个父控件,因此每次重新分配时都会将其从前一个父控件中删除。
这就是为什么您只看到一个图标的原因。
您有 2 个解决方案可以满足您的需求:
- 改为使用数据模板,并重新定义 MenuItem 的整个模板
- 使用具有共享图像组件的样式(您尝试实现的目标)
在您的示例中,唯一的错误是图像资源的 Shared 属性应该为 false,而不是整个样式。这应该有效:
<Window.Resources>
<Image x:Key="MenuIconImage" x:Shared="false" Source="{Binding IconSource}"/>
<Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" BasedOn="{StaticResource {x:Type MenuItem}}">
<Setter Property="Icon" Value="{StaticResource MenuIconImage}">
</Setter>
</Style>
</Window.Resources>
希望对您有所帮助。
我想将图标绑定到动态创建这些项目的 MenuItem 控件。我尝试将 x:Shared 属性设置为 False,但始终只有最后一项有图标。
这是我的 MenuItems ItemContainerStyle 样式代码:
<Window.Resources>
<Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" x:Shared="False">
<Setter Property="Icon">
<Setter.Value>
<Image Source="{Binding IconSource}" />
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
以及 MenuItem 定义:
<MenuItem Header="Workspaces" ItemsSource="{Binding WorkspaceItems}" Icon="{StaticResource BranchIcon}" ItemContainerStyle="{StaticResource MenuItemStyle}" />
我已经尝试在 Image 控件上设置此 Shared 属性,但没有成功。
有什么建议吗?
你快到了!
首先:不要被Template vs Style.
迷惑了将 Icon 属性 设置为图像控件时,只会创建一个副本。由于一个控件只能有一个父控件,因此每次重新分配时都会将其从前一个父控件中删除。
这就是为什么您只看到一个图标的原因。
您有 2 个解决方案可以满足您的需求:
- 改为使用数据模板,并重新定义 MenuItem 的整个模板
- 使用具有共享图像组件的样式(您尝试实现的目标)
在您的示例中,唯一的错误是图像资源的 Shared 属性应该为 false,而不是整个样式。这应该有效:
<Window.Resources>
<Image x:Key="MenuIconImage" x:Shared="false" Source="{Binding IconSource}"/>
<Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" BasedOn="{StaticResource {x:Type MenuItem}}">
<Setter Property="Icon" Value="{StaticResource MenuIconImage}">
</Setter>
</Style>
</Window.Resources>
希望对您有所帮助。