ReactiveUI主/详情绑定技术问题：如何取消选中当前记录？

看起来你在实现主详情绑定的时候，卡在了取消选中当前记录这一步——这在ReactiveUI里其实是个常见的小坑，主要和选中属性的可空性以及视图层的交互处理有关。我结合你的ViewModel结构，给你梳理下解决方案：

第一步：完善ViewModel的选中项属性 #

首先，你的ViewModel里肯定需要一个用于绑定选中项的属性，这个属性必须支持null值，否则根本没法取消选中。补全后的ViewModel应该是这样的：

public class AttachmentsViewModel : ReactiveObject, ISupportsActivation
{
    // 必须实现ISupportsActivation的Activator
    public ViewModelActivator Activator { get; } = new ViewModelActivator();

    private ReactiveList<Attachment> _attachments;
    public ReactiveList<Attachment> Attachments
    {
        get => _attachments;
        set => this.RaiseAndSetIfChanged(ref _attachments, value);
    }

    private IReactiveDerivedList<AttachmentViewModel> _attachmentViewModels;
    public IReactiveDerivedList<AttachmentViewModel> AttachmentViewModels
    {
        get => _attachmentViewModels;
        set => this.RaiseAndSetIfChanged(ref _attachmentViewModels, value);
    }

    // 关键：用可空类型允许取消选中（C#8+支持可空引用类型）
    private AttachmentViewModel? _selectedAttachmentViewModel;
    public AttachmentViewModel? SelectedAttachmentViewModel
    {
        get => _selectedAttachmentViewModel;
        set => this.RaiseAndSetIfChanged(ref _selectedAttachmentViewModel, value);
    }

    public AttachmentsViewModel()
    {
        // 初始化派生集合，这里假设你已经有Attachment到AttachmentViewModel的映射逻辑
        _attachmentViewModels = Attachments.CreateDerivedCollection(
            item => new AttachmentViewModel(item),
            item => true,
            (x, y) => x.Id.CompareTo(y.Id));

        // 订阅选中项变化，处理取消选中后的逻辑（比如清空详情）
        this.WhenAnyValue(x => x.SelectedAttachmentViewModel)
            .Subscribe(selected =>
            {
                if (selected == null)
                {
                    // 这里写取消选中后的操作，比如重置详情区域的所有绑定数据
                }
            })
            .DisposeWith(Activator); // 记得用Activator管理订阅生命周期
    }
}

第二步：视图层的绑定与交互处理 #

接下来要确保视图控件支持取消选中，并且正确绑定到ViewModel的选中属性。以WPF为例，XAML和代码绑定可以这么写：

XAML部分 #

<ListBox x:Name="AttachmentsList"
         ItemsSource="{Binding AttachmentViewModels}"
         SelectedItem="{Binding SelectedAttachmentViewModel, Mode=TwoWay}"
         SelectionMode="Single">
    <!-- 这里放你的列表项模板 -->
</ListBox>

<!-- 详情区域，当选中项为空时隐藏 -->
<Grid Visibility="{Binding SelectedAttachmentViewModel, Converter={StaticResource NullToCollapsedConverter}}">
    <!-- 绑定详情控件到SelectedAttachmentViewModel的属性 -->
    <TextBlock Text="{Binding SelectedAttachmentViewModel.FileName}" />
</Grid>

代码后台（用ReactiveUI的WhenActivated） #

public AttachmentsView()
{
    InitializeComponent();
    ViewModel = new AttachmentsViewModel();

    this.WhenActivated(disposables =>
    {
        // 绑定列表数据源和选中项
        this.OneWayBind(ViewModel, vm => vm.AttachmentViewModels, v => v.AttachmentsList.ItemsSource)
            .DisposeWith(disposables);

        this.Bind(ViewModel, vm => vm.SelectedAttachmentViewModel, v => v.AttachmentsList.SelectedItem)
            .DisposeWith(disposables);

        // 处理列表空白处点击，允许用户取消选中
        AttachmentsList.PreviewMouseLeftButtonDown += (s, e) =>
        {
            var hitTestResult = VisualTreeHelper.HitTest(AttachmentsList, e.GetPosition(AttachmentsList));
            if (hitTestResult?.VisualHit is not ListBoxItem)
            {
                ViewModel.SelectedAttachmentViewModel = null;
                e.Handled = true;
            }
        };
    });
}

额外提醒：ReactiveList已过时 #

如果你是用的新版本ReactiveUI（9.0+），ReactiveList已经被标记为过时了，官方推荐用DynamicData来实现派生集合，这样性能和灵活性更好。简单替换的话，ViewModel可以改成这样：

public class AttachmentsViewModel : ReactiveObject, ISupportsActivation
{
    public ViewModelActivator Activator { get; } = new ViewModelActivator();

    // 用DynamicData的SourceList替代ReactiveList
    private readonly SourceList<Attachment> _attachments = new SourceList<Attachment>();
    
    // 公开ObservableCollection给视图绑定
    public IObservableCollection<AttachmentViewModel> AttachmentViewModels { get; }

    private AttachmentViewModel? _selectedAttachmentViewModel;
    public AttachmentViewModel? SelectedAttachmentViewModel
    {
        get => _selectedAttachmentViewModel;
        set => this.RaiseAndSetIfChanged(ref _selectedAttachmentViewModel, value);
    }

    public AttachmentsViewModel()
    {
        // 用DynamicData创建派生集合
        AttachmentViewModels = _attachments.Connect()
            .Transform(attachment => new AttachmentViewModel(attachment))
            .Sort(SortExpressionComparer<AttachmentViewModel>.Ascending(x => x.Id))
            .ObserveOn(RxApp.MainThreadScheduler)
            .Bind()
            .DisposeMany() // 自动清理AttachmentViewModel
            .AsObservableCollection();
    }
}

这样调整后，你应该就能正常取消选中记录，并且主详情区域也会随之更新了。

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