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

时间:2016-10-30 12:36:03

标签: c# wpf xaml mvvm navigation

我编写的代码应该使用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");
    }
}

1 个答案:

答案 0 :(得分:3)

当值更改时,您的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]属性来实现此目的。