WPF用户控件动态组件绑定及StackPanel可见性控制问题排查

我来帮你梳理下代码里的问题，一步步解决这个需求：

核心问题分析 #

你的代码主要有三个关键问题导致功能失效：

1. 静态属性无通知机制：EngineModes里的PresentMode是静态属性，但INotifyPropertyChanged是实例接口，静态属性变化时无法触发UI更新。
2. DataContext绑定错误：窗口里直接把DataContext设为EngineModes.PresentMode字符串，这不是正确的ViewModel绑定方式，UI无法感知属性变化。
3. 单选按钮与PresentMode无联动：单选按钮的IsSelected绑定没有关联到PresentMode的更新，选中单选按钮时不会同步修改PresentMode的值。

修复后的代码实现 #

1. 修正EngineModes ViewModel #

改成单例模式+实例属性，确保属性变化能正确通知UI：

public class EngineModes : INotifyPropertyChanged
{
    // 全局唯一实例，方便UI绑定和逻辑更新
    public static EngineModes Instance { get; } = new EngineModes();

    private List<SelectableItem> _modes = new List<SelectableItem>();
    public List<SelectableItem> Modes
    {
        get => _modes;
        set
        {
            _modes = value;
            OnPropertyChanged(nameof(Modes));
        }
    }

    private string _presentMode;
    public string PresentMode
    {
        get => _presentMode;
        set
        {
            if (_presentMode != value)
            {
                _presentMode = value;
                OnPropertyChanged(nameof(PresentMode));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        // 确保在UI线程触发通知
        Application.Current.Dispatcher.Invoke(() =>
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        });
    }
}

2. 完善SelectableItem类 #

让它实现INotifyPropertyChanged，并在选中时同步更新PresentMode：

public class SelectableItem : INotifyPropertyChanged
{
    private bool _isSelected;
    public bool IsSelected
    {
        get => _isSelected;
        set
        {
            if (_isSelected != value)
            {
                _isSelected = value;
                OnPropertyChanged(nameof(IsSelected));
                
                // 当单选按钮被选中时，更新全局的PresentMode
                if (_isSelected)
                {
                    EngineModes.Instance.PresentMode = ItemDescription;
                }
            }
        }
    }

    public string ItemDescription { get; set; }
    public string ItemType { get; set; }

    public event PropertyChangedEventHandler PropertyChanged;

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

3. 调整窗口端代码与绑定 #

• 正确设置窗口的DataContext：

// 窗口构造函数里设置
this.DataContext = EngineModes.Instance;
// 设置用户控件的ItemsSource
SelectionButtonsGroup.RadioGroup.ItemsSource = EngineModes.Instance.Modes;

• 修正StackPanel的Style触发器绑定：

<Style x:Key="spStyle" TargetType="StackPanel">
    <Style.Triggers>
        <DataTrigger Binding="{Binding PresentMode}" Value="Stop">
            <Setter Property="Visibility" Value="Hidden" />
        </DataTrigger>
        <DataTrigger Binding="{Binding PresentMode}" Value="Wait">
            <Setter Property="Visibility" Value="Visible" />
        </DataTrigger>
        <DataTrigger Binding="{Binding PresentMode}" Value="Go">
            <Setter Property="Visibility" Value="Visible" />
        </DataTrigger>
    </Style.Triggers>
</Style>

4. 优化用户控件（可选） #

移除RadioButton_Checked后台事件，因为现在通过IsSelected的绑定已经能自动更新PresentMode，更符合MVVM的设计思路：

<!-- 用户控件里的RadioButton去掉Checked事件 -->
<RadioButton GroupName="{Binding Path=ItemType}" 
             Content="{Binding Path=ItemDescription}" 
             FlowDirection="RightToLeft" 
             IsChecked="{Binding Path=IsSelected, Mode=TwoWay}" 
             Style="{DynamicResource CustomRadioButton}" 
             Margin="20,0"
             Tag="{Binding Path=ItemDescription}"/>

验证逻辑 #

1. 初始化EngineModes.Instance.Modes，添加包含ItemDescription为"Stop"、"Wait"、"Go"的SelectableItem实例。
2. 运行程序后，选中不同的单选按钮，PresentMode会自动更新，StackPanel的可见性会根据触发器规则变化。

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