WPF MVVM模式下导航菜单首项RadioButton默认预选中实现问题

核心问题原因 #

你现有代码不生效的核心原因是：硬编码在StackPanel内的RadioButton，DataContext默认继承父级的MainViewModel，而你绑定的IsActive是子页面ViewModel的属性，绑定路径错误导致UI无法收到属性变更通知。

方案1：保留硬编码RadioButton的快速修复 #

直接修改RadioButton的IsChecked绑定路径，明确指向Pages字典里对应子VM的IsActive属性：

<RadioButton
    Command="{Binding ShowPageCommand}"
    CommandParameter="FirstView"
    IsChecked="{Binding Pages[FirstView].IsActive, UpdateSourceTrigger=PropertyChanged}"
    Style="{StaticResource RadioButtonStyle}" 
    Content="First"/>
<RadioButton
    Command="{Binding ShowPageCommand}"
    CommandParameter="SecondView"
    IsChecked="{Binding Pages[SecondView].IsActive, UpdateSourceTrigger=PropertyChanged}"
    Style="{StaticResource RadioButtonStyle}" 
    Content="Second"/>

修改后你在MainViewModel构造函数中设置firstViewModel.IsActive = true即可直接生效。

方案2：更规范的动态绑定实现（推荐） #

步骤1：修改IPage接口 #

给所有页面VM实现的IPage接口补充必要属性：

public interface IPage
{
    bool IsActive { get; set; }
    PageName PageName { get; }
    string PageDisplayName { get; }
    // 保留原有其他属性
}

步骤2：调整MainView的ItemsControl绑定 #

不再硬编码RadioButton，改为通过ItemsSource自动生成：

<ItemsControl ItemsSource="{Binding Pages.Values}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <RadioButton
                Command="{Binding DataContext.ShowPageCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
                CommandParameter="{Binding PageName}"
                IsChecked="{Binding IsActive, UpdateSourceTrigger=PropertyChanged}"
                Style="{StaticResource RadioButtonStyle}" 
                Content="{Binding PageDisplayName}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

步骤3：修正ShowPageCommand逻辑 #

切换页面时同步修改所有页面的IsActive状态，避免多选中：

private void ExecuteShowPage(PageName pageName)
{
    // 先重置所有页面激活状态
    foreach (var page in Pages.Values)
    {
        page.IsActive = false;
    }
    // 激活目标页面
    var targetPage = Pages[pageName];
    targetPage.IsActive = true;
    // 保留你原有切换CurrentPage的逻辑
    CurrentPage = targetPage;
}

步骤4：确认属性通知 #

确保所有子VM的IsActive属性实现了INotifyPropertyChanged变更通知，示例：

public class FirstViewModel : ObservableObject, IPage
{
    private bool _isActive;
    public bool IsActive
    {
        get => _isActive;
        set => SetProperty(ref _isActive, value);
    }
    // 其他属性省略
}

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