WPF MVVM Page页面导航

这里一共添加三个界面进行演示，MainWindow.xaml，LoginView.xaml, HomeView.xaml

1，启动显示LoginView界面，点击按钮跳转到HomeView界面

2，点击HomeView界面按钮返回LoginView界面

需要安装的两个包：

1，PropertyChanged.Fody

2，CommunityToolkit.Mvvm

MainWindow.xaml

<Window x:Class="WpfApp5.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:WpfApp5"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Frame x:Name="MainFrame" Content="{Binding CurrentPage,Converter={local:ApplicationPageValueConverter}}" NavigationUIVisibility="Hidden"/>
    </Grid>
</Window>
 

MainWindow.cs 

 public partial class MainWindow : Window
    {
        public MainViewModel MainViewModel;
        public MainWindow()
        {
            InitializeComponent();
            MainViewModel = new MainViewModel();
            this.DataContext = MainViewModel;
            this.Loaded += MainWindow_Loaded;
        }

        private void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            NavigationPateService.Instance.Navigate(ApplicationPage.LoginView);
        }
    }

MainViewModel.cs

public partial class MainViewModel:BaseViewModel
    {
        public ApplicationPage CurrentPage { get; set; } = ApplicationPage.LoginView;