WPF应用页面导航异常：跳转后仍显示前一页内容求解决方案

1. 修正Frame控件导航逻辑 #

如果你的Main是Frame控件，问题根源在于错误地提前关闭当前页面。Frame的Navigate方法会自动替换自身内容，无需手动关闭当前Page：

private void Btn_1_next_Click(object sender, RoutedEventArgs e)
{
    Main.Navigate(new DatePicker());
}

若需清理前一页资源，可在Frame的Navigated事件中处理，而非提前调用Close。

2. 独立Window切换（适合页面为独立窗口场景） #

如果三个页面是独立的Window而非Page，直接关闭当前窗口并启动新窗口：

private void Btn_1_next_Click(object sender, RoutedEventArgs e)
{
    DatePicker nextWindow = new DatePicker();
    nextWindow.Show();
    this.Close();
}

注意：若当前窗口是应用主窗口，需在App.xaml中设置ShutdownMode="OnLastWindowClose"，避免关闭主窗口导致程序直接退出。

3. ContentControl+ViewModel（MVVM模式） #

适合复杂应用，通过绑定切换视图，彻底避免页面叠加：

1. 定义所有页面ViewModel的基类，每个页面对应一个ViewModel实现
2. 主窗口中添加ContentControl：

<ContentControl Content="{Binding CurrentViewModel}" />

3. 在主ViewModel中切换视图：

public ViewModelBase CurrentViewModel { get; set; }

private void SwitchToDatePicker()
{
    CurrentViewModel = new DatePickerViewModel();
}

将按钮命令绑定到SwitchToDatePicker方法即可完成导航，这种方式还能实现视图与逻辑解耦。

4. 使用NavigationWindow #

WPF专门的导航窗口，自带页面栈管理：

private void Btn_1_next_Click(object sender, RoutedEventArgs e)
{
    NavigationWindow navWindow = new NavigationWindow();
    navWindow.Navigate(new DatePicker());
    navWindow.Show();
    this.Close();
}

也可直接将主窗口设置为NavigationWindow类型，通过自身Navigate方法完成页面切换。

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