WPF MVVM模式下为StoreView嵌套视图设置DataContext的方法

问题描述 #

我有一个MainWindow，可展示LoginView、SignUpView和StoreView，这些视图的DataContext运行正常。StoreView需展示多个子视图（HomeView、CartView、HistoryView、SearchView），默认显示HomeView。当前使用命令与MVVM架构，但StoreView中的子视图均缺少DataContext。

解决方案 #

1. 移除子视图中硬编码的DataContext #

检查HomeView、CartView等子视图的XAML代码，若存在类似以下显式设置DataContext的代码，必须删除：

<UserControl.DataContext>
    <viewModels:HomeViewModel/>
</UserControl.DataContext>

当ContentControl通过DataTemplate渲染子视图时，会自动将StoreCurrentViewModel（即对应的ViewModel实例）作为子视图的DataContext，硬编码会覆盖这一自动绑定逻辑。

2. 确认NavigationStore的事件触发逻辑 #

确保NavigationStore的CurrentViewModel属性在变更时正确触发CurrentViewModelChanged事件，标准实现如下：

public class NavigationStore
{
    private ViewModelBase _currentViewModel;
    public ViewModelBase CurrentViewModel
    {
        get => _currentViewModel;
        set
        {
            _currentViewModel = value;
            OnCurrentViewModelChanged();
        }
    }

    public event Action CurrentViewModelChanged;

    private void OnCurrentViewModelChanged()
    {
        CurrentViewModelChanged?.Invoke();
    }
}

若该事件未正确触发，StoreViewModel无法感知视图模型变更，也就不会通知UI更新StoreCurrentViewModel。

3. 验证StoreViewModel的属性通知逻辑 #

当前StoreViewModel中StoreCurrentViewModel的实现是正确的，但需确保基类ViewModelBase正确实现INotifyPropertyChanged接口：

public class ViewModelBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

只有OnPropertyChanged方法正确触发，UI才能感知到StoreCurrentViewModel的变更并更新子视图。

4. 确认StoreView的DataContext绑定 #

确保StoreView的DataContext是StoreViewModel的有效实例，例如在导航到StoreView时的逻辑：

// 示例导航逻辑（MainWindow相关）
_navigationStore.CurrentViewModel = new StoreViewModel(_navigationStore);

用户已说明其他视图DataContext正常，此步骤可快速验证确认。

相关代码参考 #

StoreView XAML #

<UserControl x:Class="OBOS.Views.StoreView"
             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:OBOS.Views"
             xmlns:viewModels="clr-namespace:OBOS.ViewModels"
             mc:Ignorable="d" 
             Height="640" Width="1200">
    <Border Background="AntiqueWhite"
            CornerRadius="20">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="100"/>
                <RowDefinition Height="60"/>
                <RowDefinition />
                <RowDefinition Height="20"/>
            </Grid.RowDefinitions>
            
            <Grid Grid.Row="2">
                <Grid.Resources>
                    <DataTemplate DataType="{x:Type viewModels:HomeViewModel}">
                        <local:HomeView/>
                    </DataTemplate>
                    <DataTemplate DataType="{x:Type viewModels:CartViewModel}">
                        <local:CartView/>
                    </DataTemplate>
                    <DataTemplate DataType="{x:Type viewModels:HistoryViewModel}">
                        <local:HistoryView/>
                    </DataTemplate>
                    <DataTemplate DataType="{x:Type viewModels:SearchViewModel}">
                        <local:SearchView/>
                    </DataTemplate>
                </Grid.Resources>
                <ContentControl Content="{Binding StoreCurrentViewModel}"/>
            </Grid>
        </Grid>
    </Border>
</UserControl>

StoreViewModel 代码 #

public class StoreViewModel : ViewModelBase
{
    private readonly NavigationStore _storeNavigationStore;
    public ViewModelBase StoreCurrentViewModel => _storeNavigationStore.CurrentViewModel;

    public ICommand ToLogin { get; }
    public ICommand ToHistory { get; }
    public ICommand ToCart { get; }
    public ICommand ToHome { get; }
    public ICommand SearchCommand { get; }

    public StoreViewModel(NavigationStore navigationStore)
    {
        _storeNavigationStore = new NavigationStore();
        _storeNavigationStore.CurrentViewModel = new HomeViewModel(_storeNavigationStore);

        _storeNavigationStore.CurrentViewModelChanged += OnCurrentViewModelChanged;

        ToLogin = new ToLogin(navigationStore);
        ToHistory = new ToHistory(_storeNavigationStore);
        ToCart = new ToCart(_storeNavigationStore);
        SearchCommand = new SearchCommand(_storeNavigationStore);
        ToHome = new ToHome(_storeNavigationStore);
    }

    private void OnCurrentViewModelChanged()
    {
        OnPropertyChanged(nameof(StoreCurrentViewModel));
    }
}

ToHome 命令代码 #

public class ToHome : CommandBase
{
    private readonly NavigationStore _navigationStore;

    public ToHome(NavigationStore navigationStore)
    {
        _navigationStore = navigationStore;
    }

    public override void Execute(object parameter)
    {
        _navigationStore.CurrentViewModel = new HomeViewModel(_navigationStore);
    }
}

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