CurrentViewModel属性变更未在ContentControl中生效

我正在开发一款WPF应用，用户可通过单选按钮集合选择不同页面。期望页面激活时对应的单选按钮处于选中状态。目前点击按钮时命令已触发，OnPropertyChanged事件也已调用，但MainWindow中的ContentControl无法显示下一个视图。刚接触WPF和XAML，急需解决该问题。

现有代码 #

ApplicationViewModel 代码 #

public class ApplicationViewModel : ObservableObject
{
    private ICommand _changeViewCommand;

    private IViewModel _CurrentViewModel;
    private List<IViewModel> _viewModels;
    private bool _isActive;

    public ApplicationViewModel()
    {
        ViewModels.Add(new HomeViewModel());
        ViewModels.Add(new AccountViewModel());
        
        CurrentViewModel = ViewModels.Find(r => r.Name == "Home");
        CurrentViewModel.IsActive = true;
    }

    public List<IViewModel> ViewModels
    {
        get
        {
            if (_viewModels == null)
                _viewModels = new List<IViewModel>();

            return _viewModels;
        }
    }

    public IViewModel CurrentViewModel
    {
        get
        {
            return _CurrentViewModel;
        }
        set
        {
            if (_CurrentViewModel != value)
            {
                _CurrentViewModel = value;
                OnPropertyChanged();
            }
        }
    }

    public ICommand ChangePageCommand
    {
        get
        {
            if (_changeViewCommand == null)
            {
                _changeViewCommand = new RelayCommand(
                    p => ChangeViewModel((IViewModel)p),
                    p => p is IViewModel);
            }

            return _changeViewCommand;
        }
    }
   

    private void ChangeViewModel(IViewModel viewModel)
    {
        CurrentViewModel = ViewModels.Find(r => r.Name == viewModel.Name);
    }

    public bool IsActive
    {
        get
        {
            return _isActive;
        }
        set
        {
            _isActive = value;
            OnPropertyChanged("IsActive");
        }
    }
}

页面XAML代码 #

<UserControl.DataContext>
    <viewModels:ApplicationViewModel/>
</UserControl.DataContext>
<UserControl.Resources>
    <DataTemplate DataType="{x:Type viewModels:ApplicationViewModel}"/>
    <DataTemplate DataType="{x:Type viewModels:HomeViewModel}">
        <views:HomeView/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type viewModels:AccountViewModel}">
        <views:AccountView/>
    </DataTemplate>
</UserControl.Resources>
<StackPanel Orientation="Vertical">
    <RadioButton Content="Home" IsChecked="{Binding IsActive, Mode=TwoWay}" Command="{Binding    DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}"
                     CommandParameter="{Binding }">
        <RadioButton.DataContext>
            <viewModels:HomeViewModel/>
        </RadioButton.DataContext>
    </RadioButton>
    <RadioButton Content="Account" IsChecked="{Binding IsActive, Mode=TwoWay}" Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}"
                     CommandParameter="{Binding }">
        <RadioButton.DataContext>
            <viewModels:AccountViewModel/>
        </RadioButton.DataContext>
    </RadioButton>
</StackPanel>

问题分析与解决方案 #

核心问题1：单选按钮绑定的ViewModel实例不统一 #

每个RadioButton单独创建了新的ViewModel实例，和ApplicationViewModel的ViewModels集合里的实例并非同一个。导致：

• IsActive绑定的是新实例的属性，和当前激活视图的ViewModel无关，选中状态无法同步
• 命令传递的参数是新实例，即便通过Name找到集合内的实例，状态同步逻辑已断裂

核心问题2：ApplicationViewModel的IsActive属性冗余 #

IsActive应该是每个IViewModel的属性，用于标记当前视图是否激活，而非属于ApplicationViewModel。

修正步骤： #

1. 确保IViewModel包含IsActive属性
   确认IViewModel已定义Name和IsActive，且所有实现类（HomeViewModel、AccountViewModel）都正确实现并触发OnPropertyChanged。

2. 重构视图切换逻辑
   切换视图时，先取消之前选中ViewModel的IsActive，再设置新ViewModel的状态：

   private void ChangeViewModel(IViewModel viewModel)
   {
       if (CurrentViewModel != null)
           CurrentViewModel.IsActive = false;
       
       CurrentViewModel = ViewModels.Find(r => r.Name == viewModel.Name);
       CurrentViewModel.IsActive = true;
   }
   

   同时删除ApplicationViewModel自身的IsActive属性。

3. 修改RadioButton绑定方式
   不给RadioButton单独设置DataContext，直接绑定到ApplicationViewModel的ViewModels集合，确保使用同一实例：

   <StackPanel Orientation="Vertical">
       <RadioButton Content="Home" 
                    IsChecked="{Binding ViewModels[0].IsActive, Mode=TwoWay}"
                    Command="{Binding ChangePageCommand}"
                    CommandParameter="{Binding ViewModels[0]}"/>
       <RadioButton Content="Account" 
                    IsChecked="{Binding ViewModels[1].IsActive, Mode=TwoWay}"
                    Command="{Binding ChangePageCommand}"
                    CommandParameter="{Binding ViewModels[1]}"/>
   </StackPanel>
   

   更优雅的方式是用ItemsControl自动生成：

   <ItemsControl ItemsSource="{Binding ViewModels}">
       <ItemsControl.ItemTemplate>
           <DataTemplate>
               <RadioButton Content="{Binding Name}"
                            IsChecked="{Binding IsActive, Mode=TwoWay}"
                            Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
                            CommandParameter="{Binding}"/>
           </DataTemplate>
       </ItemsControl.ItemTemplate>
   </ItemsControl>
   

4. 确认MainWindow的ContentControl绑定
   在MainWindow中确保ContentControl绑定到CurrentViewModel：

   <ContentControl Content="{Binding CurrentViewModel}"/>
   

   同时保证MainWindow的DataContext与UserControl共享同一ApplicationViewModel实例。

额外注意点 #

• 检查ObservableObject的OnPropertyChanged实现是否正确，确保属性变更能通知到UI。
• 移除UserControl.Resources里的<DataTemplate DataType="{x:Type viewModels:ApplicationViewModel}"/>，空模板会干扰视图渲染。

内容的提问来源于stack exchange，提问作者Hack.Sign