在WPF MVVM中从一个视图导航到另一个视图

本文关键字:视图 一个 导航 另一个 MVVM WPF | 更新日期: 2023-09-27 18:15:44

我使用MVVM编写了应该在WPF应用程序中的用户控件之间导航的代码,但我意识到这段代码不起作用。从窗口LoginView,我想将视图更改为VotingCardView

实际上,点击LoginView中的按钮后,方法DisplayVCV被执行,但视图不会改变。我做错了什么?

MainView.xaml:

<Window x:Class="ElectionCalculator.View.MainView"
        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:ElectionCalculator"
        xmlns:v="clr-namespace:ElectionCalculator.View"
        xmlns:vm="clr-namespace:ElectionCalculator.ViewModel"
        mc:Ignorable="d"
        Title="Election calculator" Height="350" Width="525">
    <Window.DataContext>
        <vm:MainViewModel />
    </Window.DataContext>
    <ContentControl Content="{Binding ViewModel}" />
</Window>

LoginView.xaml:

<UserControl x:Class="ElectionCalculator.View.LoginView"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:ElectionCalculator.View"
      xmlns:vm="clr-namespace:ElectionCalculator.ViewModel"
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Button Command="{Binding DataContext.DisplayVC, RelativeSource={RelativeSource AncestorType={x:Type Window}}, Mode=OneWay}" Margin="161,147,47,124" />
    </Grid>
</UserControl>

MainViewModel.cs

class MainViewModel : BaseViewModel
{
    public BaseViewModel ViewModel { get; set; }
    public MainViewModel()
    {
        ViewModel = new LoginViewModel();
    }
    public ICommand DisplayVC { get { return new RelayCommand(DisplayVCV); } }
    public void DisplayVCV()
    {
        ViewModel = new VotingCardViewModel();
        MessageBox.Show("DisplayVCCommandExecuted");
    }
}

在WPF MVVM中从一个视图导航到另一个视图

您的ViewModel属性实现在值更改时不会引发PropertyChanged事件。这通常是通过INotifyPropertyChanged实现的。正因为如此,你的视图不会收到发生变化的通知。

在您的情况下,这意味着您需要为您的ViewModel属性提供一个支持字段,并实现您的ViewModel属性,类似于:

private BaseViewModel _viewModel;
public BaseViewModel ViewModel
{
  get { return _viewModel; }
  set
  {
    if(_viewModel != value) 
    {
      _viewModel = value;
      OnPropertyChanged("ViewModel");
    }
  }
}

由于您已经从BaseViewModel派生,我假设方法OnPropertyChanged(或具有类似名称的一些方法)在那里实现。您也不需要指定属性名称("ViewModel")作为参数,这也是很常见的,因为许多实现使用[CallerMemberName]属性来实现此目的。