9

我正在为 wpf 应用程序开发一些 XAML，但在让它做我想做的事情时遇到了一些麻烦。这是我的 XAML 示例：

<!-- Tool Bar Tray -->
<ToolBarTray Name="toolBarTray1" DockPanel.Dock="Top">
    <!-- File And Edit Tools -->
    <ToolBar Name="toolBar1" Band="1" BandIndex="1">
        <!-- Regular Items -->
        <Button>A</Button>
        <Button>B</Button>
        <!-- Overflow Menu For Special Items -->
        <MenuItem ToolBar.OverflowMode="Always" Header="Special Items">
            <MenuItem Header="C"/>
            <MenuItem Header="D"/>
        </MenuItem>
    </ToolBar>
</ToolBarTray>

当我单击工具栏的溢出按钮时，“特殊项目”MenuItem 旁边会出现一个小箭头，表示嵌套元素。但是，当我将鼠标悬停在“特殊项目”上或尝试单击它时，没有显示菜单项“C”和“D”。

我希望 MenuItem 只能在菜单之外工作，但我试图做直截了当的事情，以防万一。将这些 MenuItems 包含在一个 Menu 中，相反，为此 Menu 提供 ToolBar.OverflowMode="Always" 属性会产生一些不需要的样式。箭头不再出现，需要点击“特殊物品”条目才能激活子菜单，子菜单定位看起来有点不对劲。

有谁知道发生了什么？

编辑：在溢出中添加一个菜单正是我所要求的（大惊喜）。我所追求的是一种将顶级标题和项目转换为子菜单级别的方法。我已经转向MSDN上的这个控制模板示例寻求解决方案（如下）。

编辑，编辑：@gcores（评论讨论）：真的吗？我错过了什么吗？

<ToolBar Name="toolBar1" Band="1" BandIndex="4"> 
    <!-- Displayed Buttons -->
    <Button>A</Button>
    <Button>B</Button>
    <!-- Special Items Menu -->
    <Menu ToolBar.OverflowMode="Always" >
        <MenuItem Style="{StaticResource MenuItemStyle}" Header="Special">
            <MenuItem Header="C"/>
            <MenuItem Header="D"/>
        </MenuItem>
    </Menu>
</ToolBar>

这个片段对我不起作用。我必须单击“特殊”才能显示子菜单。

4

3 回答 3

2

另一种解决方案是使用现有模板并用 SubmenuHeader 的模板覆盖 TopLevelHeader 的模板。

<Style x:Key="MenuItemStyle" TargetType="{x:Type MenuItem}">
  <Style.Triggers>
    <Trigger Property="Role" Value="TopLevelHeader">
      <Setter Property="Template"
              Value="{StaticResource {x:Static MenuItem.SubmenuHeaderTemplateKey}}"/>
    </Trigger>
  </Style.Triggers> 
</Style>

并在您的顶级 MenuItem 中使用此样式。那应该简化您的代码。

编辑：你是对的，它只有在你点击它时才有效（不知道我是如何说服自己它有效的，抱歉:)）。它的功能就像一个 TopLevelMenu，即使模板另有说明，它也很混乱。

我能想到的唯一一件事是添加一个触发器来在 IsMenuOver 上显示子菜单并处理 Click 事件，所以它什么都不做，但我不知道它的效果如何。

于 2009-04-15T22:39:15.533 回答
1

经过更多阅读，我正在使用的解决方案如下。

<!-- Resource Dictionary Stuff -->

<!-- Some Brushes -->
<SolidColorBrush x:Key="Brush_1"
    Color="White" />

<LinearGradientBrush x:Key="Brush_2"
    StartPoint="0 0"
    EndPoint="0 1">

    <GradientStop
        Color="White"
        Offset="0"/>

    <GradientStop 
        Color="DarkSeaGreen"
        Offset="1"/>

</LinearGradientBrush>

<SolidColorBrush x:Key="Brush_3"
    Color="DarkOliveGreen"/>

<!-- Custom MenuItem - Top Level Header - Style 1 -->
<Style x:Key="MenuItem_TLH_Style1"
    TargetType="MenuItem">

    <!--<EventSetter Event="PreviewMouseDown" Handler="DoNothing"/>-->

    <Setter Property="Template">
        <Setter.Value>

            <ControlTemplate x:Name="ControlTemplate"
                TargetType="MenuItem">

                <!-- A headered text that may display a submenu
                     on a trigger. This submenu is the host for a
                     menu item's items. -->
                <Border x:Name="BoundaryBorder"
                    Background="{StaticResource Brush_1}"
                    BorderThickness="1">

                    <Grid x:Name="ContainerGrid">

                        <ContentPresenter x:Name="HeaderContent"
                            Margin="6 3 6 3" 
                            ContentSource="Header"
                            RecognizesAccessKey="True"/>

                        <Popup x:Name="SubmenuPopup"
                            Placement="Bottom"
                            IsOpen="{TemplateBinding IsSubmenuOpen}"
                            AllowsTransparency="True"
                            Focusable="False"
                            PopupAnimation="Fade">

                            <Border x:Name="SubmenuBoundaryBorder"
                                SnapsToDevicePixels="True"
                                Background="{StaticResource Brush_1}"
                                BorderBrush="{StaticResource SolidBorderBrush}"
                                BorderThickness="1">

                                <StackPanel x:Name="ItemsStackPanel"
                                    IsItemsHost="True"
                                    KeyboardNavigation.DirectionalNavigation="Cycle"/>

                            </Border>
                        </Popup>
                    </Grid>
                </Border>

                <ControlTemplate.Triggers>

                    <!--  -->
                    <Trigger
                        Property="IsSuspendingPopupAnimation"
                        Value="true">

                        <Setter 
                            TargetName="SubmenuPopup"
                            Property="PopupAnimation"
                            Value="Fade"/>

                    </Trigger>

                    <!-- On mouse-over, show the submenu and highlight the header. -->
                    <Trigger 
                        Property="IsMouseOver"
                        Value="true">

                        <Setter 
                            TargetName="BoundaryBorder"
                            Property="Background"
                            Value="{StaticResource Brush_2}"/>

                        <Setter 
                            TargetName="BoundaryBorder"
                            Property="BorderBrush"
                            Value="{StaticResource Brush_3}"/>

                        <Setter
                            Property="IsSubmenuOpen"
                            Value="true"/>

                        <!-- sloppy? -->
                        <Setter
                            TargetName="SubmenuPopup"
                            Property="IsOpen"
                            Value="true"/>

                    </Trigger>

                    <Trigger 
                        SourceName="SubmenuPopup"
                        Property="AllowsTransparency"
                        Value="true">

                        <Setter 
                            TargetName="SubmenuBoundaryBorder"
                            Property="CornerRadius"
                            Value="0 0 4 4"/>

                        <Setter 
                            TargetName="SubmenuBoundaryBorder"
                            Property="Padding"
                            Value="0 0 0 3"/>

                    </Trigger>

                    <!-- Visually indicate an unaccessible menu item. -->
                    <Trigger
                        Property="IsEnabled"
                        Value="false">

                        <Setter 
                            Property="Foreground"
                            Value="{StaticResource DisabledForegroundBrush}"/>

                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<!-- ... -->

<!-- Inside a window XAML file -->

<!-- Tool Bar Tray -->
<ToolBarTray x:Name="toolBarTray1"
    DockPanel.Dock="Top">

    <!-- File And Edit Tools -->
    <ToolBar x:Name="toolBar1" 
        Band="1" BandIndex="1">

        <!-- Displayed Buttons -->
        <Button x:Name="ButtonA"
            Content="A"/>

        <Button x:Name="ButtonB"
            Content="B"/>

        <!-- Overflow Menu For Special Items -->
        <Menu x:Name="OverflowMenu"
            ToolBar.OverflowMode="Always">

            <MenuItem x:Name="SpecialsMenuItem" 
                Style="{StaticResource MyStyle}"
                Header="Special Items">

                <MenuItem x:Name="CMenuItem"
                    Header="C">

                    <MenuItem x:Name="DMenuItem"
                        Header="D"/>

                </MenuItem>
            </MenuItem>
        </Menu>
    </ToolBar>
</ToolBarTray>

我在鼠标悬停时攻击“SubmenuPopup”的行为，而不是处理点击事件。我想更全面地理解这一点，所以我尝试注释掉触发器的这一部分并添加一个事件处理程序，该处理程序在“PreviewMouseDown”事件上调用“DoNothing()”方法。事实证明，我遗漏了一些东西，我认为这与聚焦和/或菜单如何处理其项目集合有关。在“DoNothing()”(routedEventArgs.Handled = true) 之后不允许事件传播似乎可以消除单击“特殊项目”菜单项时的问题。但是，如果导航离开菜单或添加另一个菜单项然后单击该菜单项，则可以关闭或打开和关闭悬停行为。

于 2009-04-12T04:15:32.967 回答
0

我能找到甚至接近产生这种行为的唯一方法是在溢出中创建一个菜单，其中包含一个菜单项，其标题本身就是另一个名为“特殊项目”的菜单项并包含适当的子项。它按预期工作，但看起来很奇怪（这可以通过自定义模板来解决），而且看起来像是一个巨大的 hack。我能想到的唯一“正确”的方法是制作你自己的类似 MenuItem 的控件，当鼠标悬停在上面时会弹出一个 ContextMenu 或 Popup，因为我认为自定义 ControlTemplate 不能改变默认行为一个菜单，以便不需要单击顶级项目。

于 2009-04-12T01:48:21.087 回答