在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");
}
}
您的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]
属性来实现此目的。