当 MenuItem 具有自定义 ControlTemplate 并在单独的 XAML 文件中定义时,如何将 MenuItem 与子 MenuItem 一起使用?
How to use a MenuItem with child MenuItems when it has a custom ControlTemplate and is defined in a separate XAML file?
我在菜单中有一个 MenuItem,它有时应该在其右侧显示一个时间跨度(一个逐秒减少的时间跨度)。为了进行此更改,我创建了一个新的 MenuItem 子类 XAML 文件。在其中,我将 MenuItem 的模板 属性 设置为 Visual Studio 自动创建的模板,当我在设计师。设置此模板后,直接在新XAML文件中的MenuItem.Items属性中设置的子项不显示,就像没有添加任何子菜单项一样它。我希望使用 XAML 中定义的模板,同时也有子项目。
我尝试不将子菜单项放在新的 XAML 文件中,而是直接放在 MainWindow.xaml 中,但我已经达到了 this limitation。
我也用谷歌搜索 "wpf menuitem template with subitems" 但没有成功。
在MainWindow.xaml中:
<MenuItem Header="_Window">
<local:KeepOnTopMenuItem Header="_Keep on Top..." x:Name="MiKeepOnTop">
</local:KeepOnTopMenuItem>
</MenuItem>
以及 KeepOnTopMenuItem.xaml
中的所有标记:
<MenuItem x:Class="cs_timed_silver.KeepOnTopMenuItem"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:cs_timed_silver"
mc:Ignorable="d"
d:DesignHeight="50" d:DesignWidth="200" Template="{DynamicResource MenuItemControlTemplate1}">
<MenuItem.Resources>
<ControlTemplate x:Key="MenuItemControlTemplate1" TargetType="{x:Type MenuItem}">
<Border x:Name="templateRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
<Grid Margin="-1">
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="22" SharedSizeGroup="MenuItemIconColumnGroup" Width="Auto"/>
<ColumnDefinition Width="13"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="30"/>
<ColumnDefinition SharedSizeGroup="MenuItemIGTColumnGroup" Width="Auto"/>
<ColumnDefinition Width="20"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<ContentPresenter x:Name="Icon" Content="{TemplateBinding Icon}" ContentSource="Icon" HorizontalAlignment="Center" Height="16" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" Width="16"/>
<Border x:Name="GlyphPanel" BorderBrush="#FF26A0DA" BorderThickness="1" Background="#3D26A0DA" ClipToBounds="False" HorizontalAlignment="Center" Height="22" Margin="-1,0,0,0" Visibility="Hidden" VerticalAlignment="Center" Width="22">
<Path x:Name="Glyph" Data="F1M10,1.2L4.7,9.1 4.5,9.1 0,5.2 1.3,3.5 4.3,6.1 8.3,0 10,1.2z" Fill="#FF212121" FlowDirection="LeftToRight" Height="11" Width="10"/>
</Border>
<ContentPresenter x:Name="menuHeaderContainer" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="2" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="Header" HorizontalAlignment="Left" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>
<TextBlock x:Name="menuGestureText" Grid.Column="4" Margin="{TemplateBinding Padding}" Opacity="0.7" Text="{TemplateBinding InputGestureText}" VerticalAlignment="Center"/>
<TextBlock x:Name="remainingTimeSpanText" Grid.Column="5" Margin="{TemplateBinding Padding}" VerticalAlignment="Center"
FontStyle="Italic" Foreground="gray"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="Icon" Value="{x:Null}">
<Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
</Trigger>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Visibility" TargetName="GlyphPanel" Value="Visible"/>
<Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
</Trigger>
<Trigger Property="IsHighlighted" Value="True">
<Setter Property="Background" TargetName="templateRoot" Value="#3D26A0DA"/>
<Setter Property="BorderBrush" TargetName="templateRoot" Value="#FF26A0DA"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="#FF707070"/>
<Setter Property="Fill" TargetName="Glyph" Value="#FF707070"/>
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsHighlighted" Value="True"/>
<Condition Property="IsEnabled" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="Background" TargetName="templateRoot" Value="#0A000000"/>
<Setter Property="BorderBrush" TargetName="templateRoot" Value="#21000000"/>
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</MenuItem.Resources>
<MenuItem.Items>
<MenuItem Command="local:CustomCommands.KeepOnTopAlways"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
IsCheckable="True"
x:Name="MiKeepOnTopAlways"/>
<MenuItem Command="local:CustomCommands.KeepOnTopUntilNextRestart"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
IsCheckable="True"
Name="MiKeepOnTopUntilNextRestart"/>
<MenuItem IsCheckable="True"
Command="local:CustomCommands.KeepOnTopFor5Min"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
x:Name="MiKeepOnTopFor5Min"/>
<MenuItem IsCheckable="True"
Command="local:CustomCommands.KeepOnTopFor15Min"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
x:Name="MiKeepOnTopFor15Min"/>
<MenuItem IsCheckable="True"
Command="local:CustomCommands.KeepOnTopFor1Hour"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
x:Name="MiKeepOnTopFor1Hour"/>
</MenuItem.Items>
<MenuItem.Icon>
<Image Source="/Resources/Oxygen-Icons.org-Oxygen-Actions-go-top.ico"/>
</MenuItem.Icon>
</MenuItem>
预期结果是显示子菜单项,而实际结果是 KeepOnTopMenuItem 显示为没有子菜单项。
我不确定下一步该做什么。如何将自定义 MenuItem 模板与子项一起使用?
编辑模板->编辑副本没有为您提供正确的模板。
如果您使用 dotPeek 等反编译器并打开 C:\Windows\Microsoft.NET\Framework64\v4.0.30319\WPF\PresentationFramework.Aero2.dll
,您将在 themes/aero2.normalcolor.baml
中找到默认模板。
如果您查看 MenuItem
模板,您会发现它根据 Role
属性 的值应用了不同的 ControlTemplate
:
<Style.Triggers>
<Trigger Property="MenuItem.Role" Value="TopLevelHeader">
<Setter Property="Control.Template"
Value="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=TopLevelHeaderTemplateKey}}"/>
<Setter Property="Control.Padding" Value="6,0"/>
</Trigger>
<Trigger Property="MenuItem.Role" Value="TopLevelItem">
<Setter Property="Control.Template"
Value="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=TopLevelItemTemplateKey}}"/>
<Setter Property="Control.Padding" Value="6,0"/>
</Trigger>
<Trigger Property="MenuItem.Role" Value="SubmenuHeader">
<Setter Property="Control.Template"
Value="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=SubmenuHeaderTemplateKey}}"/>
</Trigger>
</Style.Triggers>
这是您应该自定义的模板之一,以免破坏默认行为。
我在菜单中有一个 MenuItem,它有时应该在其右侧显示一个时间跨度(一个逐秒减少的时间跨度)。为了进行此更改,我创建了一个新的 MenuItem 子类 XAML 文件。在其中,我将 MenuItem 的模板 属性 设置为 Visual Studio 自动创建的模板,当我在设计师。设置此模板后,直接在新XAML文件中的MenuItem.Items属性中设置的子项不显示,就像没有添加任何子菜单项一样它。我希望使用 XAML 中定义的模板,同时也有子项目。
我尝试不将子菜单项放在新的 XAML 文件中,而是直接放在 MainWindow.xaml 中,但我已经达到了 this limitation。
我也用谷歌搜索 "wpf menuitem template with subitems" 但没有成功。
在MainWindow.xaml中:
<MenuItem Header="_Window">
<local:KeepOnTopMenuItem Header="_Keep on Top..." x:Name="MiKeepOnTop">
</local:KeepOnTopMenuItem>
</MenuItem>
以及 KeepOnTopMenuItem.xaml
中的所有标记:
<MenuItem x:Class="cs_timed_silver.KeepOnTopMenuItem"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:cs_timed_silver"
mc:Ignorable="d"
d:DesignHeight="50" d:DesignWidth="200" Template="{DynamicResource MenuItemControlTemplate1}">
<MenuItem.Resources>
<ControlTemplate x:Key="MenuItemControlTemplate1" TargetType="{x:Type MenuItem}">
<Border x:Name="templateRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
<Grid Margin="-1">
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="22" SharedSizeGroup="MenuItemIconColumnGroup" Width="Auto"/>
<ColumnDefinition Width="13"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="30"/>
<ColumnDefinition SharedSizeGroup="MenuItemIGTColumnGroup" Width="Auto"/>
<ColumnDefinition Width="20"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<ContentPresenter x:Name="Icon" Content="{TemplateBinding Icon}" ContentSource="Icon" HorizontalAlignment="Center" Height="16" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" Width="16"/>
<Border x:Name="GlyphPanel" BorderBrush="#FF26A0DA" BorderThickness="1" Background="#3D26A0DA" ClipToBounds="False" HorizontalAlignment="Center" Height="22" Margin="-1,0,0,0" Visibility="Hidden" VerticalAlignment="Center" Width="22">
<Path x:Name="Glyph" Data="F1M10,1.2L4.7,9.1 4.5,9.1 0,5.2 1.3,3.5 4.3,6.1 8.3,0 10,1.2z" Fill="#FF212121" FlowDirection="LeftToRight" Height="11" Width="10"/>
</Border>
<ContentPresenter x:Name="menuHeaderContainer" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="2" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="Header" HorizontalAlignment="Left" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>
<TextBlock x:Name="menuGestureText" Grid.Column="4" Margin="{TemplateBinding Padding}" Opacity="0.7" Text="{TemplateBinding InputGestureText}" VerticalAlignment="Center"/>
<TextBlock x:Name="remainingTimeSpanText" Grid.Column="5" Margin="{TemplateBinding Padding}" VerticalAlignment="Center"
FontStyle="Italic" Foreground="gray"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="Icon" Value="{x:Null}">
<Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
</Trigger>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Visibility" TargetName="GlyphPanel" Value="Visible"/>
<Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
</Trigger>
<Trigger Property="IsHighlighted" Value="True">
<Setter Property="Background" TargetName="templateRoot" Value="#3D26A0DA"/>
<Setter Property="BorderBrush" TargetName="templateRoot" Value="#FF26A0DA"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="#FF707070"/>
<Setter Property="Fill" TargetName="Glyph" Value="#FF707070"/>
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsHighlighted" Value="True"/>
<Condition Property="IsEnabled" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="Background" TargetName="templateRoot" Value="#0A000000"/>
<Setter Property="BorderBrush" TargetName="templateRoot" Value="#21000000"/>
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</MenuItem.Resources>
<MenuItem.Items>
<MenuItem Command="local:CustomCommands.KeepOnTopAlways"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
IsCheckable="True"
x:Name="MiKeepOnTopAlways"/>
<MenuItem Command="local:CustomCommands.KeepOnTopUntilNextRestart"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
IsCheckable="True"
Name="MiKeepOnTopUntilNextRestart"/>
<MenuItem IsCheckable="True"
Command="local:CustomCommands.KeepOnTopFor5Min"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
x:Name="MiKeepOnTopFor5Min"/>
<MenuItem IsCheckable="True"
Command="local:CustomCommands.KeepOnTopFor15Min"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
x:Name="MiKeepOnTopFor15Min"/>
<MenuItem IsCheckable="True"
Command="local:CustomCommands.KeepOnTopFor1Hour"
CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"
x:Name="MiKeepOnTopFor1Hour"/>
</MenuItem.Items>
<MenuItem.Icon>
<Image Source="/Resources/Oxygen-Icons.org-Oxygen-Actions-go-top.ico"/>
</MenuItem.Icon>
</MenuItem>
预期结果是显示子菜单项,而实际结果是 KeepOnTopMenuItem 显示为没有子菜单项。
我不确定下一步该做什么。如何将自定义 MenuItem 模板与子项一起使用?
编辑模板->编辑副本没有为您提供正确的模板。
如果您使用 dotPeek 等反编译器并打开 C:\Windows\Microsoft.NET\Framework64\v4.0.30319\WPF\PresentationFramework.Aero2.dll
,您将在 themes/aero2.normalcolor.baml
中找到默认模板。
如果您查看 MenuItem
模板,您会发现它根据 Role
属性 的值应用了不同的 ControlTemplate
:
<Style.Triggers>
<Trigger Property="MenuItem.Role" Value="TopLevelHeader">
<Setter Property="Control.Template"
Value="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=TopLevelHeaderTemplateKey}}"/>
<Setter Property="Control.Padding" Value="6,0"/>
</Trigger>
<Trigger Property="MenuItem.Role" Value="TopLevelItem">
<Setter Property="Control.Template"
Value="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=TopLevelItemTemplateKey}}"/>
<Setter Property="Control.Padding" Value="6,0"/>
</Trigger>
<Trigger Property="MenuItem.Role" Value="SubmenuHeader">
<Setter Property="Control.Template"
Value="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=SubmenuHeaderTemplateKey}}"/>
</Trigger>
</Style.Triggers>
这是您应该自定义的模板之一,以免破坏默认行为。