如何让菜单在WPF中向左打开？

Question

我在WPF中有一个菜单(带有menuitems).不幸的是,当我点击菜单标题时,它会打开右边的菜单.问题是右边有东西我不希望它重叠.如何告诉WPF打开左边的菜单？我需要做一个控制模板吗？(对于这种基本的风格变化,控制模板看起来非常沉重).

谢谢!

KSG

Answer 1

虽然您可以像这里一样创建一个ControlTemplate来执行此操作,但我同意仅修改MenuItem的一部分上的一个值是一种麻烦的方法.相反,我认为这是一个使用AttachedProperty的好地方.我们可以像ContextMenuService一样创建一些东西,但对于Popups(事实上,我有点惊讶它没有内置).

要更改弹出窗口的打开位置,我们将要设置Popup的PlacementMode.我们可以使用propa快捷方式生成AttachedProperty(或者如果要实现其余的属性).我们需要向PropertyMetadata添加一个回调,但是如果在XAML中的控件上内联AttachedProperty,那么回调将在整个控件完全构造之前触发.为了确保应用MenuItem的模板,并且在我们尝试设置它的值之前存在Popup,如果尚未加载,我们可以附加到Loaded事件.一旦加载,我们想要从模板中检索Popup,如果我们查看MenuItem类,我们可以看到它有一个TemplatePartAttribute,将Popup的名称定义为"PART_Popup".一旦我们有了,我们就可以在MenuItem的Popup上设置PlacementMode.

    public static PlacementMode GetMenuPlacement(DependencyObject obj)
    {
        return (PlacementMode)obj.GetValue(MenuPlacementProperty);
    }

    public static void SetMenuPlacement(DependencyObject obj, PlacementMode value)
    {
        obj.SetValue(MenuPlacementProperty, value);
    }

    // Using a DependencyProperty as the backing store for MenuPlacement.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty MenuPlacementProperty =
        DependencyProperty.RegisterAttached("MenuPlacement",
        typeof(PlacementMode),
        typeof(Window1),
        new FrameworkPropertyMetadata(PlacementMode.Bottom, FrameworkPropertyMetadataOptions.Inherits, new PropertyChangedCallback(OnMenuPlacementChanged)));

    private static void OnMenuPlacementChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
    {
        var menuItem = o as MenuItem;
        if (menuItem != null)
        {
            if (menuItem.IsLoaded)
            {
                SetPopupPlacement(menuItem, (PlacementMode)e.NewValue);
            }
            else
            {
                menuItem.Loaded += new RoutedEventHandler((m, v) => SetPopupPlacement(menuItem, (PlacementMode)e.NewValue));
            }
        }
    }

    private static void SetPopupPlacement(MenuItem menuItem, PlacementMode placementMode)
    {
        Popup popup = menuItem.Template.FindName("PART_Popup", menuItem) as Popup;
        if (popup != null)
        {
            popup.Placement = placementMode;
        }
    }

现在我们已经拥有了AttachedProperty,可以轻松更改UI中的Popup位置.

<Menu>
    <MenuItem Header="Item 1"
              local:Window1.MenuPlacement="Right">
        <MenuItem Header="SubItem 1" />
        <MenuItem Header="SubItem 2" />
        <MenuItem Header="SubItem 3" />
        <MenuItem Header="SubItem 4" />
    </MenuItem>
    <MenuItem Header="Item 2"
              local:Window1.MenuPlacement="Left">
        <MenuItem Header="SubItem 5" />
        <MenuItem Header="SubItem 6" />
        <MenuItem Header="SubItem 7" />
        <MenuItem Header="SubItem 8" />
    </MenuItem>
    <MenuItem Header="Item 3"
              local:Window1.MenuPlacement="Mouse">
        <MenuItem Header="SubItem 9" />
        <MenuItem Header="SubItem 10" />
        <MenuItem Header="SubItem 11" />
        <MenuItem Header="SubItem 12" />
    </MenuItem>
</Menu>