WPF中如何通过主视图属性实现视图切换？登录导航异常求助

问题描述 #

开发的WPF应用包含登录视图和店铺视图，主窗口通过MainViewModel的SelectedViewModel属性结合菜单命令实现视图切换，菜单点击正常，但登录按钮点击后无法切换到店铺视图，仅当把LoginViewModel的DataContext改为MainViewModel时才生效。

核心原因 #

• LoginViewModel的DataContext是自身，内部命令无法直接访问MainViewModel的SelectedViewModel属性
• 当前LoginViewModel的LogIn方法仅获取了ShowShopsViewModel实例，未将其赋值给MainViewModel的SelectedViewModel

解决方案 #

方案1：依赖注入MainViewModel（推荐） #

通过构造函数将MainViewModel注入LoginViewModel，直接修改主视图模型的选中项：

修改LoginViewModel：

private ILoginRepository<User> _userRepo;
private readonly MainViewModel _mainViewModel;

// 替换原UpdateViewCommand为登录命令
public IAsyncRelayCommand<User> LogInCommand { get; }

public LogInViewModel(ILoginRepository<User> userRepo, MainViewModel mainViewModel)
{
    _userRepo = userRepo;
    _mainViewModel = mainViewModel;
    LogInCommand = new AsyncRelayCommand<User>(ExecuteLogIn, CanLogin);
}

public async Task ExecuteLogIn(User user)
{
    // 执行登录验证逻辑
    bool isAuthenticated = await _userRepo.ValidateUserAsync(user);
    if (isAuthenticated)
    {
        // 获取店铺视图模型并设置到主视图模型的选中属性
        var shopsViewModel = App.Current.Services.GetRequiredService<ShowShopsViewModel>();
        _mainViewModel.SelectedViewModel = shopsViewModel;
    }
}

public bool CanLogin(User user)
{
    // 可添加用户名密码非空校验
    return user != null && !string.IsNullOrWhiteSpace(user.Username) && !string.IsNullOrWhiteSpace(user.Password);
}

修改LoginView.xaml的按钮绑定：

<Button Style="{StaticResource LoginButton}" 
        Command="{Binding LogInCommand}" 
        CommandParameter="{Binding}" 
        Content="Login" 
        BorderBrush="Transparent" 
        Background="Transparent" 
        BorderThickness="0" 
        Width="230" 
        Height="25" />

方案2：使用消息通知解耦 #

通过事件聚合器（如Prism的EventAggregator）实现跨ViewModel通信，避免直接依赖：

1. 定义导航消息类：

public class NavigateRequest
{
    public string TargetViewKey { get; set; }
}

2. 修改MainViewModel订阅消息：

private readonly IEventAggregator _eventAggregator;

public MainViewModel(IEventAggregator eventAggregator)
{
    _eventAggregator = eventAggregator;
    // 订阅导航消息
    _eventAggregator.GetEvent<PubSubEvent<NavigateRequest>>().Subscribe(HandleNavigate);
    
    UpdateViewCommand = new RelayCommand<object>(Execute);
    SelectedViewModel = App.Current.Services.GetService<LoginViewModel>();
}

private void HandleNavigate(NavigateRequest request)
{
    Execute(request.TargetViewKey);
}

// 保留原Execute方法
public void Execute(object parameter)
{
    switch (parameter.ToString())
    {
        case "LogIn":
            SelectedViewModel = App.Current.Services.GetRequiredService<LoginViewModel>();
            break;
        case "ShowShops":
            SelectedViewModel = App.Current.Services.GetRequiredService<ShowShopsViewModel>();
            break;
    }
}

3. 修改LoginViewModel发布消息：

private ILoginRepository<User> _userRepo;
private readonly IEventAggregator _eventAggregator;

public IAsyncRelayCommand<User> LogInCommand { get; }

public LogInViewModel(ILoginRepository<User> userRepo, IEventAggregator eventAggregator)
{
    _userRepo = userRepo;
    _eventAggregator = eventAggregator;
    LogInCommand = new AsyncRelayCommand<User>(ExecuteLogIn, CanLogin);
}

public async Task ExecuteLogIn(User user)
{
    bool isAuthenticated = await _userRepo.ValidateUserAsync(user);
    if (isAuthenticated)
    {
        // 发布导航消息
        _eventAggregator.GetEvent<PubSubEvent<NavigateRequest>>().Publish(
            new NavigateRequest { TargetViewKey = "ShowShops" });
    }
}

public bool CanLogin(User user)
{
    return user != null && !string.IsNullOrWhiteSpace(user.Username) && !string.IsNullOrWhiteSpace(user.Password);
}

方案3：直接绑定上级DataContext（快速实现） #

在LoginView中通过RelativeSource直接绑定MainWindow的MainViewModel命令，无需修改ViewModel：

<Button Style="{StaticResource LoginButton}" 
        Command="{Binding DataContext.UpdateViewCommand, RelativeSource={RelativeSource AncestorType=Window}}" 
        CommandParameter="ShowShops"
        Content="Login" 
        BorderBrush="Transparent" 
        Background="Transparent" 
        BorderThickness="0" 
        Width="230" 
        Height="25" />

原代码问题说明 #

• LoginViewModel中的UpdateViewCommand类型为AsyncRelayCommand<User>，但按钮未传递User参数，导致命令无法正确触发
• LogIn方法仅获取了ShowShopsViewModel实例，未将其赋值给MainViewModel的SelectedViewModel，因此视图不会切换

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