如何将堆栈面板的位置设置为与单击后鼠标指针的位置相同

Question

• 我在 WPF 应用程序中有高度 = 200，宽度 = 200 的堆栈面板。
• 默认情况下，它不可见。
• 我想使堆栈面板在左键单击时可见，并想设置其位置与鼠标指针相同。

谁能告诉我该怎么做。谢谢:)

Answer 1

您可以通过处理 MouseLeftButtonDown 事件并将其设置为可见，并将 StackPanel 的可见性设置为可见。为了能够使用坐标显式定位它，您可以将其放在画布中并处理画布的 MouseLeftButtonDown 事件。请参考以下示例代码。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="700" Width="700">
    <Canvas x:Name="canvas" Background="Transparent" MouseLeftButtonDown="Canvas_MouseLeftButtonDown">
        <StackPanel x:Name="sp" Background="Yellow" Width="200" Height="200" Visibility="Hidden" />
    </Canvas>
</Window>

private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Point point = e.GetPosition(canvas);
    Canvas.SetLeft(sp, point.X - sp.Width / 2);
    Canvas.SetTop(sp, point.Y - sp.Height / 2);
    sp.Visibility = Visibility.Visible;
}