[英]Missing Menu Items in xaml
我最近创建了一个包含各种标题和子标题的菜单。 然后在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>
看起来像这样: 屏幕截图
选择时间图像选择类型屏幕截图。
我的菜单模板(由blend auto创建,我只是更改背景和选择颜色):
<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>
这有什么问题,将感谢您提供任何类型的帮助。
谢谢
ABHI
您的自定义ControlTemplate
是这里的问题。 除了使用Blend复制默认模板之外,为MenuItem
创建自定义ControlTemplate
还不止这些。
您将需要定义一个TopLevelHeader
模板以及一个TopLevelItem
和SubmenuItem
模板。 请参阅官方文档以获取有关此信息的更多信息。
菜单和MenuItem ControlTemplate示例: https : //docs.microsoft.com/zh-cn/dotnet/framework/wpf/controls/menu-styles-and-templates
如果要复制默认模板,则可以使用诸如dotPeek的反编译器并反编译PresentationFramework.Aero2
程序集。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.