WPF登录页面开发：页面导航异常及System.InvalidOperationException问题求助

错误根源 #

你碰到的System.InvalidOperationException是因为把Window类型的对象当作子元素添加到了Frame、Grid这类Visual容器中——WPF里Window是顶级容器，不能作为其他Visual元素的子节点。而空白页面问题通常是导航目标不是Page类型，或者导航方式错误导致的。

两种正确实现场景 #

场景1：当前窗口内用Frame导航到Page #

如果登录后要在当前窗口内切换到主页面（主页面为Page类型），按以下步骤操作：

1. 确认目标页面是Page而非Window
   新建页面时选择「WPF Page」，示例MainPage.xaml：

<Page x:Class="MovieApp.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="MainPage">
    <Grid>
        <TextBlock Text="欢迎进入电影应用" FontSize="24" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Page>

2. 登录窗口XAML添加Frame容器
   在登录窗口布局中加入用于承载页面的Frame：

<Window x:Class="MovieApp.LoginWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="登录" Height="400" Width="300">
    <Grid>
        <!-- 登录控件区域 -->
        <StackPanel VerticalAlignment="Center" Padding="20">
            <TextBox x:Name="txtUser" PlaceholderText="用户名" Margin="0,0,0,10"/>
            <PasswordBox x:Name="txtPwd" PlaceholderText="密码" Margin="0,0,0,15"/>
            <Button Content="登录" Click="LoginBtn_Click"/>
        </StackPanel>
        <!-- 导航用Frame，默认隐藏 -->
        <Frame x:Name="NavFrame" Visibility="Collapsed"/>
    </Grid>
</Window>

3. 登录按钮点击事件代码
   验证通过后，切换Frame可见性并导航到目标Page：

private void LoginBtn_Click(object sender, RoutedEventArgs e)
{
    // 替换为你的真实验证逻辑
    if (txtUser.Text == "test" && txtPwd.Password == "123456")
    {
        // 隐藏登录控件
        txtUser.Visibility = Visibility.Collapsed;
        txtPwd.Visibility = Visibility.Collapsed;
        (sender as Button).Visibility = Visibility.Collapsed;
        
        // 显示Frame并导航
        NavFrame.Visibility = Visibility.Visible;
        NavFrame.Navigate(new MainPage());
    }
}

场景2：关闭登录窗口，打开新的主Window #

如果登录成功后要关闭当前登录窗口，打开独立的主窗口：

1. 主窗口为Window类型
   示例MainWindow.xaml：

<Window x:Class="MovieApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="电影应用主界面" Height="600" Width="800">
    <Grid>
        <!-- 主窗口内容 -->
    </Grid>
</Window>

2. 登录按钮点击事件代码
   验证通过后创建并显示主窗口，同时关闭当前登录窗口：

private void LoginBtn_Click(object sender, RoutedEventArgs e)
{
    if (txtUser.Text == "test" && txtPwd.Password == "123456")
    {
        MainWindow mainWin = new MainWindow();
        mainWin.Show();
        this.Close();
    }
}

常见错误排查 #

• 禁止将Window对象添加到Frame或其他容器的Children集合中，这会直接触发你碰到的异常。
• 使用Frame导航时，目标必须是Page类型，不能是Window。
• 空白页面问题：检查Page的XAML是否有实际内容，或者Frame是否设置了正确的大小与可见性。

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