WPF将上下文菜单对齐到按钮的右下角 [英] WPF Align contextmenu to the right-bottom corner of the button

问题描述

我有一个Button和一个 ContextMenu 属于 Button 。

这是xaml：

I have a Button and a ContextMenu that belongs to the Button.
Here is the xaml:

<Button x:Name="ListBoxButton" Content="6" Style="{DynamicResource TabControlButton}">
    <Button.ContextMenu>
        <ContextMenu>
            <MenuItem Header="tst1"></MenuItem>
            <MenuItem Header="tst2"></MenuItem>
        </ContextMenu>
    </Button.ContextMenu>
</Button>

我想将ContextMenu完全对准图像＃2一样的位置这篇文章中

我想使用xaml来实现它，而不要使用代码隐藏。

I want to align my ContextMenu exactly the same place like image #2 in this post
I want to use xaml to achieve it instead of code-behind.

我无法实现，我尝试使用 PlacementTarget ， Horizo​​ntalOffset ， VeritcalOffset 和 Placement ContextMenu 的c $ c>属性，但是没有按我的意愿对齐。

I couldnt achieve it, I tried to play with the PlacementTarget, HorizontalOffset, VeritcalOffset and Placement properties of the ContextMenu but it didnt aligned as I want..

推荐答案

我认为您应该尝试这样的事情

I think you should try something like this

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button HorizontalAlignment="Center" 
                VerticalAlignment="Center" 
                Height="20" Width="80" 
                ContextMenuService.Placement="Left"                     
                ContextMenuService.HorizontalOffset="{Binding RelativeSource={RelativeSource Self}, Path=ActualWidth}" 
                ContextMenuService.VerticalOffset="{Binding RelativeSource={RelativeSource Self}, Path=ActualHeight}">
            <Button.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="Menu item 01"/>
                    <MenuItem Header="Menu item 02"/>
                </ContextMenu>
            </Button.ContextMenu>
        </Button>
    </Grid>
</Window>

这篇关于WPF将上下文菜单对齐到按钮的右下角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！