WinUI 3中点击关闭按钮关闭Page1.xaml页面的解决方案求助

解决方法 #

方法1：通过绑定IsOpen属性关闭弹窗 #

如果采用MVVM模式，可在打开ContentDialog时将其IsOpen属性绑定到ViewModel的布尔属性，再通过Page1的关闭按钮命令修改该属性为false：

1. 在ViewModel中定义绑定属性：

private bool _isDialogOpen;
public bool IsDialogOpen
{
    get => _isDialogOpen;
    set => SetProperty(ref _isDialogOpen, value);
}

2. 打开Dialog时完成绑定：

var dialog = new ContentDialog
{
    Content = new Page1(),
    IsOpen = true
};
BindingOperations.SetBinding(dialog, ContentDialog.IsOpenProperty, new Binding
{
    Source = YourViewModel,
    Path = new PropertyPath(nameof(YourViewModel.IsDialogOpen)),
    Mode = BindingMode.TwoWay
});
await dialog.ShowAsync();

3. 在Page1的按钮命令中设置IsDialogOpen = false，即可触发弹窗关闭。

方法2：遍历视觉树找到父级ContentDialog并关闭 #

若使用代码后台实现，可在Page1的关闭按钮点击事件中，通过视觉树查找包含当前Page的ContentDialog，再调用其Hide()方法：

private void CloseButton_Click(object sender, RoutedEventArgs e)
{
    var parentDialog = FindParent<ContentDialog>(this);
    parentDialog?.Hide();
}

private T FindParent<T>(DependencyObject child) where T : DependencyObject
{
    DependencyObject parent = VisualTreeHelper.GetParent(child);
    while (parent != null)
    {
        if (parent is T target)
        {
            return target;
        }
        parent = VisualTreeHelper.GetParent(parent);
    }
    return null;
}

关于微软未提供直接方法的原因 #

WinUI 3中的Page控件核心设计目标是作为Frame的导航内容，其生命周期由Frame管理，本身不具备窗口/弹窗的管控能力。而ContentDialog是独立的弹窗容器，负责自身的显示与关闭逻辑——这种设计是职责分离的体现：Page专注于内容展示，ContentDialog专注于弹窗的窗口行为。因此Page没有直接关闭ContentDialog的方法，需要通过绑定或视觉树查找的方式关联两者的行为。

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