WPF: вложенные элементы меню в панели инструментов - PullRequest
Новая
       20

WPF: вложенные элементы меню в панели инструментов

9 голосов
/ 10 апреля 2009

Я работаю над некоторым XAML для приложения wpf, и у меня возникают проблемы с тем, чтобы заставить его делать то, что я хочу. Вот образец моего 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>

Когда я нажимаю кнопку переполнения на панели инструментов, появляется элемент меню «Специальные элементы» с маленькой стрелкой рядом с ним, указывающей на вложенные элементы. Однако при наведении курсора мыши на «Специальные элементы» или попытке щелкнуть по нему элементы меню «C» и «D» не отображаются.

Я надеялся, что MenuItem будет работать только вне Меню, но я попытался сделать прямолинейную вещь, на всякий случай. Включение этих MenuItems в меню и, вместо этого, придание этому меню свойства ToolBar.OverflowMode = "Always" приводит к нежелательным стилям. Стрелка больше не присутствует, для активации подменю нужно нажать на запись «Специальные элементы», а расположение подменю выглядит немного не так.

Кто-нибудь знает, что происходит?

Редактировать: Добавление меню в переполнение производит именно то, что я просил (большой сюрприз). Что мне нужно, так это способ конвертировать заголовки и элементы верхнего уровня на уровень подменю. Я обратился к этому примеру шаблона элемента управления на MSDN для решения (ниже).

Edit, Edit: @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>

Этот фрагмент не работает для меня. Я должен нажать на «Специальный» для отображения подменю.

Ответы [ 3 ]

2 голосов
/ 16 апреля 2009

Другое решение состоит в том, чтобы использовать существующие шаблоны и переопределить шаблон для TopLevelHeader с шаблоном SubmenuHeader. 

<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>

И используйте этот стиль в вашем элементе меню верхнего уровня. Это должно упростить ваш код.

EDIT : Вы правы, это работает только когда вы нажимаете на него (не знаю, как я убедил себя, что это сработало, извините :)). Его функциональность похожа на TopLevelMenu, хотя в шаблоне сказано иначе, это довольно запутанно.

Единственное, о чем я могу думать, это добавить триггер для отображения подменю в IsMenuOver и обработать событие Click, чтобы оно ничего не делало, но я не знаю, насколько хорошо это будет работать.

1 голос
/ 12 апреля 2009

После прочтения, решение, которое я использую, находится ниже. 

<!-- 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 при наведении мыши, а не на обработку события click. Я хотел бы понять это более полно, поэтому я попытался закомментировать эту часть триггера и добавить обработчик события, который вызывает метод DoNothing () для события PreviewMouseDown. Оказывается, я что-то упускаю и думаю, что это связано с фокусировкой и / или с тем, как меню обрабатывает свою коллекцию элементов. Отсутствие возможности распространения события после «DoNothing ()» (routedEventArgs.Handled = true), по-видимому, устраняет проблемы при нажатии на элемент меню «Специальные элементы». Однако, если кто-то вышел из меню или добавил другой пункт меню, а затем щелкнул по нему, поведение при наведении можно отключить или включить или выключить.

0 голосов
/ 12 апреля 2009

Единственный способ, с помощью которого я мог даже приблизиться к генерации этого поведения, - это создать меню в переполнении, которое содержало бы единственный элемент меню, заголовок которого сам был другим пунктом меню, называемым «Специальные элементы» и содержал надлежащие дочерние элементы. Это работало как задумано, но выглядело странно (это можно исправить с помощью пользовательских шаблонов), а также выглядит как огромный взлом. Единственный «правильный» способ сделать это, о котором я могу подумать, - это создать собственный элемент управления, подобный MenuItem, который при наведении вызывает всплывающее окно ContextMenu или Popup, поскольку я не думаю, что пользовательский ControlTemplate может изменить поведение по умолчанию меню, чтобы не требовать щелчка по элементу верхнего уровня.

...