基于MVVM模式的WPF窗口简易导航实现方法求助

嗨，我懂你这种困惑——WPF确实没有UWP那种开箱即用的NavigationService，但咱们完全可以自己搞一个轻量版的，完美适配MVVM模式，和你之前用的方式差不多！

下面针对你「Login.xaml登录后跳转至Users.xaml」的需求，提供两种贴合MVVM的简易实现方案：

方案1：打开独立的Users窗口 #

适合Login是单独登录窗口，验证通过后关闭登录窗口、打开主窗口的场景。

步骤1：抽象导航服务接口 #

先把导航逻辑抽成接口，让ViewModel完全不依赖视图层，保持解耦：

public interface INavigationService
{
    void NavigateToUserWindow();
    // 可按需扩展其他导航方法，比如返回、打开其他窗口等
}

步骤2：实现导航服务 #

写具体的实现类，负责实际的窗口操作：

public class NavigationService : INavigationService
{
    public void NavigateToUserWindow()
    {
        // 可选：关闭当前登录窗口
        Application.Current.Windows.OfType<Login>().FirstOrDefault()?.Close();
        
        // 打开Users窗口
        var userWindow = new Users();
        userWindow.Show();
    }
}

步骤3：ViewModel中结合RelayCommand实现命令 #

先实现一个基础的RelayCommand（和你之前用的CommandHandler逻辑一致）：

public class RelayCommand : ICommand
{
    private readonly Action _execute;
    private readonly Func<bool> _canExecute;

    public RelayCommand(Action execute, Func<bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }

    public bool CanExecute(object parameter) => _canExecute?.Invoke() ?? true;

    public void Execute(object parameter) => _execute();
}

然后在LoginViewModel中注入导航服务，创建登录命令：

public class LoginViewModel
{
    private readonly INavigationService _navigationService;

    // 构造函数注入导航服务（如果用依赖注入框架会更简洁，不用手动new）
    public LoginViewModel(INavigationService navigationService)
    {
        _navigationService = navigationService;
        LoginCommand = new RelayCommand(ExecuteLogin);
    }

    public ICommand LoginCommand { get; }

    private void ExecuteLogin()
    {
        // 先执行登录验证逻辑，比如检查用户名密码
        bool isLoginValid = true; // 替换成你的实际验证逻辑

        if (isLoginValid)
        {
            _navigationService.NavigateToUserWindow();
        }
    }
}

步骤4：XAML绑定按钮命令 #

在Login.xaml中把登录按钮绑定到LoginCommand：

<Button Content="登录" Command="{Binding LoginCommand}" />

最后给Login窗口设置DataContext：

public Login()
{
    InitializeComponent();
    DataContext = new LoginViewModel(new NavigationService());
}

方案2：同一窗口内用Frame导航（和UWP用法最接近） #

如果你的主窗口是一个包含Frame的容器，登录后在Frame内切换到Users页面，这种方式和UWP的Frame.Navigate逻辑几乎一致：

步骤1：修改导航服务接口 #

public interface INavigationService
{
    void NavigateTo<T>() where T : Page;
}

步骤2：实现基于Frame的导航服务 #

public class FrameNavigationService : INavigationService
{
    private readonly Frame _mainFrame;

    public FrameNavigationService(Frame mainFrame)
    {
        _mainFrame = mainFrame ?? throw new ArgumentNullException(nameof(mainFrame));
    }

    public void NavigateTo<T>() where T : Page
    {
        _mainFrame.Navigate(typeof(T));
    }
}

步骤3：ViewModel中使用导航服务 #

public class LoginViewModel
{
    private readonly INavigationService _navigationService;

    public LoginViewModel(INavigationService navigationService)
    {
        _navigationService = navigationService;
        LoginCommand = new RelayCommand(() => _navigationService.NavigateTo<Users>());
    }

    public ICommand LoginCommand { get; }
}

步骤4：主窗口配置Frame #

主窗口XAML中添加Frame容器：

<Window x:Class="YourApp.MainWindow">
    <Grid>
        <Frame x:Name="MainFrame" />
    </Grid>
</Window>

主窗口构造函数中初始化导航逻辑：

public MainWindow()
{
    InitializeComponent();
    // 先导航到Login页面
    MainFrame.Navigate(new Login());
    // 给Login页面的ViewModel注入导航服务
    if (MainFrame.Content is Login loginPage)
    {
        loginPage.DataContext = new LoginViewModel(new FrameNavigationService(MainFrame));
    }
}

这样点击登录按钮后，Frame就会自动导航到Users页面，和你在UWP里的使用习惯完全匹配！

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