Avalonia UI：绑定列表项的命令无法触发如何解决？

你的菜单摄像头选择项点击无响应，主要是绑定语法和集合类型的问题，按以下步骤修复：

1. 修正CommandParameter绑定 #

样式里的{Binding Self}是错误的Avalonia绑定语法，要绑定当前列表项的CaptureDeviceDescriptor?实例，改成：

<Setter Property="CommandParameter" Value="{Binding .}" />

2. 优化Command的RelativeSource路径 #

原写法用Window作为祖先可能出现DataContext层级偏差，直接绑定Menu的DataContext更可靠：

<Setter Property="Command" Value="{Binding DataContext.SetWebCam, RelativeSource={RelativeSource AncestorType=Menu}}" />

3. 替换List为ObservableCollection #

List<CaptureDeviceDescriptor?>不支持UI自动更新，换成ObservableCollection既能解决当前潜在的绑定问题，也能支持后续设备列表动态刷新：

public ObservableCollection<CaptureDeviceDescriptor?> DeviceList { get; } = new();

4. 确保ViewModel继承ReactiveObject #

你的ViewModel需要继承ReactiveUI的ReactiveObject（或实现INotifyPropertyChanged），否则ReactiveCommand的状态变化无法通知UI：

public class YourViewModel : ReactiveObject
{
    // 现有属性和命令定义
}

5. 验证样式选择器匹配 #

如果以上修改后还是没反应，检查样式选择器是否正确匹配子菜单项，改成直接子项选择器更稳妥：

<Style Selector="MenuItem.deviceList > MenuItem">

修正后的完整样式代码 #

<Menu.Styles>
    <Style Selector="MenuItem.deviceList > MenuItem">
        <Setter Property="Header" Value="{Binding Name}"/>
        <Setter Property="Command" Value="{Binding DataContext.SetWebCam, RelativeSource={RelativeSource AncestorType=Menu}}" />
        <Setter Property="CommandParameter" Value="{Binding .}" />
    </Style>
</Menu.Styles>

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