WPF中如何实现整个主窗口视图的切换？

嘿，我懂你想要的效果——点击按钮后整个窗口的视图彻底切换，而不是只替换Frame里的一小块内容对吧？这种需求在WPF里其实有好几种实用的实现方式，我给你拆解一下，直接就能套进你的项目里：

这是最直观的方式，把窗口的核心内容区域交给ContentControl托管，点击按钮时直接替换它的Content属性就行，灵活性很高。

先给你完整的主窗口XAML示例：

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <!-- 用ContentControl承载可切换的视图 -->
        <ContentControl x:Name="MainContentHost">
            <!-- 默认显示登录视图，这里的LoginView是你创建的UserControl -->
            <local:LoginView/>
        </ContentControl>
    </Grid>
</Window>

接下来处理按钮点击逻辑，假设你的登录按钮在LoginView里，直接在它的后台代码里写：

// LoginView.xaml.cs 中的按钮点击事件
private void LoginBtn_Click(object sender, RoutedEventArgs e)
{
    // 先获取主窗口的实例
    var mainWindow = Application.Current.MainWindow as MainWindow;
    if (mainWindow != null)
    {
        // 把ContentControl的内容替换成你的主视图（MainView也是UserControl）
        mainWindow.MainContentHost.Content = new MainView();
    }
}

如果不想额外加ContentControl，也可以直接替换整个Window的Content，这样整个窗口的内容会被完全替换掉，适合简单场景：

先写初始的登录界面XAML：

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <!-- 初始的登录界面布局 -->
    <Grid>
        <TextBox PlaceholderText="用户名" Margin="20" VerticalAlignment="Center"/>
        <PasswordBox PlaceholderText="密码" Margin="20" VerticalAlignment="Center" Margin="20,60,20,0"/>
        <Button Content="登录" Margin="20" VerticalAlignment="Center" Margin="20,120,20,0" Click="LoginBtn_Click"/>
    </Grid>
</Window>

然后在主窗口的后台代码里处理切换：

private void LoginBtn_Click(object sender, RoutedEventArgs e)
{
    // 这里可以先加登录验证逻辑，比如判断用户名密码是否正确
    bool loginSuccess = true; // 假设登录验证通过
    
    if (loginSuccess)
    {
        // 直接替换整个窗口的Content为新视图
        this.Content = new MainView();
    }
}

如果你的项目是用MVVM架构开发的，这种方式更符合设计思想，通过ViewModel的切换自动关联对应的视图，代码解耦性更好。

首先你需要两个ViewModel（LoginViewModel和MainViewModel），都继承自实现了INotifyPropertyChanged的基类（比如BaseViewModel），然后在主窗口的ViewModel里维护一个CurrentViewModel属性：

主窗口XAML代码：

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <!-- 为每个ViewModel绑定对应的视图模板 -->
        <DataTemplate DataType="{x:Type local:LoginViewModel}">
            <local:LoginView/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:MainViewModel}">
            <local:MainView/>
        </DataTemplate>
    </Window.Resources>
    
    <Grid>
        <!-- ContentControl会根据CurrentViewModel自动加载对应的视图 -->
        <ContentControl Content="{Binding CurrentViewModel}"/>
    </Grid>
</Window>

主窗口ViewModel的简化代码：

public class MainWindowViewModel : BaseViewModel
{
    private BaseViewModel _currentViewModel;
    public BaseViewModel CurrentViewModel
    {
        get => _currentViewModel;
        set
        {
            _currentViewModel = value;
            OnPropertyChanged(); // 触发属性变更通知
        }
    }

    // 切换视图的命令
    public ICommand SwitchToMainViewCommand { get; }

    public MainWindowViewModel()
    {
        // 默认显示登录视图
        CurrentViewModel = new LoginViewModel();
        
        SwitchToMainViewCommand = new RelayCommand(() =>
        {
            // 切换到主视图的ViewModel
            CurrentViewModel = new MainViewModel();
        });
    }
}

最后在LoginView里把按钮绑定到这个命令：

<Button Content="登录" 
        Command="{Binding DataContext.SwitchToMainViewCommand, 
                          RelativeSource={RelativeSource AncestorType=Window}}"/>

小提示 #

不管用哪种方案，都建议把登录视图和主视图做成UserControl，这样每个视图的布局和逻辑可以单独维护，切换起来更清晰。方案1、2适合小型项目快速实现，方案3适合大型项目长期维护。

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