如何通过代码将UWP Popup与控件关联并保持相对位置？

嘿，这个问题我之前做UWP项目时也折腾过好一阵——确实UWP原生Popup没有像WPF那样的Placement属性，手动算位置又容易漏掉各种场景，窗口调整、控件滚动都能让弹窗跑位。这里给你几个亲测有效的解决方案：

方案1：监听关键事件+动态计算位置 #

这是最直接也最靠谱的方式，核心就是不要自己猜什么时候需要更新位置，让系统告诉你：

• 首先，通过VisualTreeHelper.GetOffset()获取目标控件相对于应用窗口的坐标，然后设置Popup的HorizontalOffset和VerticalOffset来定位。
• 要监听的关键事件：
  • 给目标控件注册LayoutUpdated事件：每次控件的位置、大小发生变化（比如父容器布局调整）时，重新计算弹窗位置。
  • 监听当前窗口的SizeChanged事件：窗口缩放、最大化/还原时触发位置更新。
  • 如果目标控件在ScrollViewer里，还要监听ScrollViewer.ViewChanged事件：滚动时控件位置偏移，弹窗也要跟着动。

示例代码参考：

// 初始化时绑定事件（记得在页面卸载时解绑，避免内存泄漏）
_targetControl.LayoutUpdated += OnTargetControlLayoutUpdated;
Window.Current.SizeChanged += OnWindowSizeChanged;
// 如果在ScrollViewer内，加上下面这句
// MyScrollViewer.ViewChanged += OnScrollViewerViewChanged;

private void UpdatePopupPosition()
{
    if (_targetControl == null || _popup == null) return;
    
    // 获取控件相对于窗口的偏移量
    var controlOffset = VisualTreeHelper.GetOffset(_targetControl);
    // 示例：把弹窗放在控件右侧，也可以根据需求改成上下左
    _popup.HorizontalOffset = controlOffset.X + _targetControl.ActualWidth;
    _popup.VerticalOffset = controlOffset.Y;
}

private void OnTargetControlLayoutUpdated(object sender, object e)
{
    UpdatePopupPosition();
}

private void OnWindowSizeChanged(object sender, WindowSizeChangedEventArgs e)
{
    UpdatePopupPosition();
}

private void OnScrollViewerViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
{
    UpdatePopupPosition();
}

方案2：封装自定义控件（复用性更强） #

如果你的项目里需要多处用到这种关联弹窗，可以封装一个自定义控件，内部封装Popup和位置逻辑，对外暴露PlacementTarget和PlacementMode（比如Top/Bottom/Right/Left）属性，这样不用每次都重复写监听代码。

核心逻辑和方案1一致，只是把逻辑封装在自定义控件内部，使用时只需要指定目标控件和位置模式即可，维护起来更方便。

补充：关于非轻触关闭的说明 #

你提到无法使用Flyout是因为需要非轻触关闭，其实Popup默认就是非轻触关闭的——它的IsLightDismissEnabled属性默认是false，只有当你主动设为true时才会触发轻触关闭。所以完全不用顾虑这个，直接用Popup结合上面的位置方案就满足需求了。

另外还有个小细节：如果目标控件可能被隐藏（比如IsVisible变为false），可以监听它的IsVisibleChanged事件，同步隐藏/显示Popup，避免弹窗留在界面上的尴尬情况。

内容的提问来源于stack exchange，提问作者Shahar Prish