缺少xaml中的菜单项
提问于 2018-05-03 20:12:09
我最近创建了一个包含各种标题和子标题的菜单。然后在blend 2017中更改默认模板(自定义)。在那之后，主要的头是可见的，但子头是失踪的。您可以看到下面的代码。
在做这件事之前，它工作得很好。
我的XAML代码：
<MenuItem Header="Options" Foreground="White">
<MenuItem Header="Volume" Template="{DynamicResource MenuItemControlTemplate1}">
<MenuItem Header="Full" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Half" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Mute" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Increase By" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Increase To" Template="{DynamicResource MenuItemControlTemplate1}"/>
</MenuItem>
<Separator Style="{DynamicResource SeparatorStyle1}"/>
<MenuItem Header="Playlist" Template="{DynamicResource MenuItemControlTemplate1}"/>
<Separator Style="{DynamicResource SeparatorStyle1}"/>
<MenuItem Header="Repeat" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Repeat All" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Shuffle" Template="{DynamicResource MenuItemControlTemplate1}"/>
<Separator Style="{DynamicResource SeparatorStyle1}"/>
<MenuItem Header="Play by Duratiuon" Template="{DynamicResource MenuItemControlTemplate1}">
<MenuItem Header="Are less than 5 minutes" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Are less than 10 minutes" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Are less than 15 minutes" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Are less than 30 minutes" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Are less than 1 hour" Template="{DynamicResource MenuItemControlTemplate1}"/>
</MenuItem>
<MenuItem Header="Play Videos only" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Play Audios only" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Play Non-Stop with list" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Play Non-Stop without list" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Play even indexes" Template="{DynamicResource MenuItemControlTemplate1}"/>
<MenuItem Header="Play odd indexes" Template="{DynamicResource MenuItemControlTemplate1}"/>
</MenuItem>它看起来像这样：屏幕截图
选择时间图像选择类型的屏幕快照。
我的菜单模板(由混合自动创建，我只需更改背景和选择颜色)：
<ControlTemplate x:Key="MenuItemControlTemplate1" TargetType="{x:Type MenuItem}">
<Border x:Name="templateRoot" BorderBrush="Black" BorderThickness="0" Background="Black" SnapsToDevicePixels="True">
<Grid Margin="0">
<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"/>
</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="Black" BorderThickness="1" Background="Black" 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="RoyalBlue" 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"/>
</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="#FF6027CB"/>
<Setter Property="BorderBrush" TargetName="templateRoot" Value="#FF6027CB"/>
</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> 下面是我的分离器模板(绿色分隔符在图像中你可以看到，但这是没有任何影响。子标题在应用上菜单模板后变得不可见，但是您也可以检查这个)
我的分离器模板：
<SolidColorBrush x:Key="Menu.Static.Separator" Color="Green"/>
<Style x:Key="SeparatorStyle1" TargetType="{x:Type Separator}">
<Setter Property="Background" Value="{StaticResource Menu.Static.Separator}"/>
<Setter Property="BorderBrush" Value="{StaticResource Menu.Static.Separator}"/>
<Setter Property="MinHeight" Value="1"/>
<Setter Property="SnapsToDevicePixels" Value="true"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Separator}">
<Border BorderBrush="Green" BorderThickness="1" Background="Green" Margin="30,0,0,0"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources> 有什么问题，任何类型的帮助都会受到感谢。
谢谢
阿比
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-05-04 06:59:35
您的自定义ControlTemplate是这里的问题。为一个ControlTemplate创建一个自定义MenuItem比使用Blend复制默认模板要多得多。
您将需要定义一个TopLevelHeader模板以及一个TopLevelItem和一个SubmenuItem模板。有关这方面的更多信息，请参阅正式文件。
菜单和MenuItem ControlTemplate示例： https://learn.microsoft.com/en-us/dotnet/framework/wpf/controls/menu-styles-and-templates
如果要复制默认模板，可以使用反编译器(如dotPeek )并反编译PresentationFramework.Aero2程序集。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50167046
复制相关文章
相似问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
