将UserControl作为Popup显示在鼠标位置失效问题咨询

嘿，我之前也遇到过这个问题！Popup没出现在鼠标位置但又没报错，通常都是几个容易忽略的细节搞的鬼，我给你梳理几个最常见的原因和解决办法：

1. Placement属性或PlacementTarget设置错误 #

Popup默认的Placement是Center，如果没明确指定为MousePoint，它会默认以父容器或窗口为基准定位，自然不会跟着鼠标走。另外如果错误绑定了PlacementTarget，也会干扰鼠标位置的计算。

正确的XAML配置应该是这样：

<Popup x:Name="myUserControlPopup" 
       Placement="MousePoint" 
       AllowsTransparency="True">
    <local:MyTargetUserControl />
</Popup>

如果是后台代码设置，记得不要给PlacementTarget赋值（因为MousePoint模式不需要依赖目标控件）：

myUserControlPopup.Placement = System.Windows.Controls.Primitives.PlacementMode.MousePoint;
myUserControlPopup.IsOpen = true;

2. 鼠标坐标的坐标系没转对 #

要是你手动设置HorizontalOffset和VerticalOffset，很容易搞错坐标的参照系——比如鼠标位置是相对于屏幕的，但Popup的偏移是相对于PlacementTarget的，或者你没把控件内的坐标转换成屏幕坐标。

比如在控件的MouseDown事件里触发Popup，正确获取鼠标位置的方式是：

// 获取相对于屏幕的鼠标坐标
Point screenMousePos = Mouse.GetPosition(null);
myUserControlPopup.HorizontalOffset = screenMousePos.X;
myUserControlPopup.VerticalOffset = screenMousePos.Y;
myUserControlPopup.IsOpen = true;

⚠️ 注意：如果已经设置了Placement="MousePoint"，其实不需要手动设置偏移量，不然反而会覆盖默认的鼠标位置定位。

3. 透明度或动画属性干扰 #

有时候开启了PopupAnimation（比如Fade、Slide），或者没设置AllowsTransparency="True"，会导致Popup的位置计算出现偏差，尤其是在窗口有边框或者系统开启高DPI缩放的场景下。建议先关闭动画、开启透明度测试：

<Popup x:Name="myUserControlPopup" 
       Placement="MousePoint" 
       AllowsTransparency="True"
       PopupAnimation="None">
    <local:MyTargetUserControl />
</Popup>

4. 高DPI缩放适配问题 #

如果你的系统用了非100%的DPI缩放（比如125%、150%），WPF的逻辑像素和屏幕物理像素会不匹配，直接用鼠标的物理坐标设置Popup偏移就会导致位置偏差。这时候需要做坐标转换：

var presentationSource = PresentationSource.FromVisual(this);
if (presentationSource != null)
{
    // 将屏幕物理坐标转换为WPF逻辑坐标
    var transform = presentationSource.CompositionTarget.TransformFromDevice;
    Point logicalMousePos = transform.Transform(Mouse.GetPosition(null));
    myUserControlPopup.HorizontalOffset = logicalMousePos.X;
    myUserControlPopup.VerticalOffset = logicalMousePos.Y;
}

5. UserControl自身布局偏移 #

有时候Popup的位置其实是对的，但UserControl内部的布局导致内容偏移了——比如根元素有默认的Margin、Padding，或者HorizontalAlignment/VerticalAlignment设成了Center。检查一下UserControl的根布局：

<UserControl ...>
    <Grid Margin="0" 
          HorizontalAlignment="Left" 
          VerticalAlignment="Top">
        <!-- 你的控件内容 -->
    </Grid>
</UserControl>

内容的提问来源于stack exchange，提问作者john true