如何使带SizeToContent属性的弹窗（含Frame加载页面）相对于主窗口居中？

问题根源在于SizeToContent="WidthAndHeight"会在窗口初始化阶段根据初始内容计算尺寸，但Frame导航的页面是异步加载的——窗口的位置计算（基于WindowStartupLocation="CenterOwner"）在页面实际尺寸确定前就已完成，最终导致弹窗偏移到主窗口中心的右下方。

以下是几种可行的解决方法：

方法一：手动计算并设置弹窗位置 #

放弃依赖自动居中属性，在弹窗内容加载完成后，根据主窗口和弹窗的实际尺寸手动计算中心位置：

主窗口调用代码修改： #

PopupWindow popupWindow = new PopupWindow { Owner = mainWindow };
popupWindow.PopupFrame.Navigate(new MyProfile());

// 监听弹窗加载完成事件，确保内容尺寸已确定
popupWindow.Loaded += (sender, e) =>
{
    popupWindow.UpdateLayout(); // 强制刷新布局，获取准确的实际尺寸
    
    // 计算主窗口中心坐标
    var ownerCenter = new Point(
        popupWindow.Owner.Left + popupWindow.Owner.ActualWidth / 2,
        popupWindow.Owner.Top + popupWindow.Owner.ActualHeight / 2);
    
    // 计算弹窗左上角坐标，使其中心与主窗口中心重合
    popupWindow.Left = ownerCenter.X - popupWindow.ActualWidth / 2;
    popupWindow.Top = ownerCenter.Y - popupWindow.ActualHeight / 2;
};

popupWindow.ShowDialog();

方法二：延迟位置计算到页面加载完成后 #

监听Frame的Navigated事件，等页面完全加载后再触发窗口的居中逻辑：

PopupWindow后台代码： #

public PopupWindow()
{
    InitializeComponent();
    PopupFrame.Navigated += PopupFrame_Navigated;
}

private void PopupFrame_Navigated(object sender, NavigationEventArgs e)
{
    UpdateLayout();
    // 重新触发居中逻辑
    WindowStartupLocation = WindowStartupLocation.CenterOwner;
}

PopupWindow的XAML修改（绑定Loaded事件）： #

<Window x:Class="Shdb.Windows.PopupWindow"
        WindowStartupLocation="CenterOwner"
        SizeToContent="WidthAndHeight"
        Loaded="PopupWindow_Loaded">
    <DockPanel>
        <Frame x:Name="PopupFrame" NavigationUIVisibility="Hidden" 
               HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Frame>
    </DockPanel>
</Window>

PopupWindow_Loaded事件处理： #

private void PopupWindow_Loaded(object sender, RoutedEventArgs e)
{
    UpdateLayout();
    WindowStartupLocation = WindowStartupLocation.CenterOwner;
}

方法三：禁用自动尺寸计算，改用布局控件约束 #

如果页面尺寸有大致范围，也可以给PopupWindow设置最小/最大尺寸，同时让内部DockPanel和Frame自动填充，再结合CenterOwner属性：

<Window x:Class="Shdb.Windows.PopupWindow"
        WindowStartupLocation="CenterOwner"
        MinWidth="300" MinHeight="400"
        SizeToContent="Manual">
    <DockPanel Width="Auto" Height="Auto">
        <Frame x:Name="PopupFrame" NavigationUIVisibility="Hidden" 
               HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Frame>
    </DockPanel>
</Window>

这种方法适合页面尺寸变化不大的场景，能兼顾自适应和居中效果。

内容的提问来源于stack exchange，提问作者Ivan Minakov