ReactiveUI Avalonia(MVVM)中如何从ViewModel正确弹出对话框

我有一个继承自ReactiveWindow的Window窗口，已经完成与对应ViewModel的关联绑定。
目前所有基础功能均运行正常（包括数据绑定、点击交互、命令触发），相关代码如下所示。
我现在需要实现弹出文件浏览器对话框的功能，但该对话框API的ShowAsync(window)方法要求传入Window对象作为参数，而ViewModel类中无法直接获取该对象实例。
我考虑过两种实现思路：一是直接在窗口代码层完成所有对话框逻辑，但这违背了MVVM的设计初衷；二是将View实例直接传递给ViewModel，但这种实现方式并不符合MVVM的分层规范。
我还尝试过给命令添加参数，让View将自身实例传入，但在WhenActivated中配置绑定时无法传递该参数，目前开发陷入停滞，不知道该采用何种正确实现方式。

原有ViewModel代码 #

public class BatchManagementViewModel : ViewModelBase
    {
       
        public string BrowseText => "Browse/Edit files...";

        public ReactiveCommand<BatchManagementView, Unit> BrowseCommand { get; set; }

        public BatchManagementViewModel()
        {   
           BrowseCommand = ReactiveCommand.CreateFromTask( async () => ShowFileDialog(/*THE VIEW HERE ?*/));
        }
        
        async Task<string[]?> ShowFileDialog(BatchManagementView view)
        {
            // view为null会导致ShowAsync调用崩溃
            var dialog = new OpenFileDialog();
            dialog.AllowMultiple = true;
            dialog.Title = DialogTitle;
            dialog.Filters.AddRange(
                new FileDialogFilter[]
                {
                    new() {Name = "image files", Extensions = { ".png", ".jpg", ".jpeg", ".tiff" }}
                }
            );
                
            return await dialog.ShowAsync(view);
        }    
    }

原有View/窗口层代码 #

public partial class BatchManagementView : ReactiveWindow<BatchManagementViewModel>
{
    public BatchManagementView()
    {
        InitializeComponent();

        this.WhenActivated(d =>
        {
            this.OneWayBind(ViewModel, 
                    viewModel => viewModel.BrowseText, 
                    view => view.BrowseButton.Content)
                .DisposeWith(d);
            
            this.OneWayBind(ViewModel, 
                    viewModel => viewModel.BrowseCommand, 
                    view => view.BrowseButton.Command)
                .DisposeWith(d);
        });
    }
}

不要通过传参把View实例注入ViewModel，ReactiveUI原生提供了Interaction<TInput, TOutput>组件专门处理这类跨层UI交互，完全不破坏分层职责，也是官方推荐的标准实现。

实现步骤 #

1. 重构ViewModel层，移除对具体View类型的依赖
   ViewModel只负责定义交互契约、传递对话框配置参数、接收用户选择的结果，完全不涉及具体UI实现细节：

// 用于传递对话框配置的DTO，不依赖任何UI程序集
public class FileDialogConfig
{
    public bool AllowMultiple { get; set; }
    public string Title { get; set; } = string.Empty;
    public List<FileDialogFilterConfig> Filters { get; set; } = new();
}

public class FileDialogFilterConfig
{
    public string Name { get; set; } = string.Empty;
    public string[] Extensions { get; set; } = Array.Empty<string>();
}

public class BatchManagementViewModel : ViewModelBase
{
    public string BrowseText => "Browse/Edit files...";

    // 定义交互：输入为对话框配置，输出为用户选中的文件路径数组
    public Interaction<FileDialogConfig, string[]?> ShowOpenFileDialogInteraction { get; } = new();

    public ReactiveCommand<Unit, Unit> BrowseCommand { get; set; }

    public BatchManagementViewModel()
    {   
        BrowseCommand = ReactiveCommand.CreateFromTask(HandleBrowse);
    }
    
    async Task HandleBrowse()
    {
        // 构造对话框配置
        var dialogConfig = new FileDialogConfig
        {
            AllowMultiple = true,
            Title = DialogTitle,
            Filters = new List<FileDialogFilterConfig>
            {
                new() { Name = "image files", Extensions = new[] {".png", ".jpg", ".jpeg", ".tiff"} }
            }
        };

        // 发起交互请求，等待View层返回结果
        var selectedFiles = await ShowOpenFileDialogInteraction.Handle(dialogConfig);
        
        // 这里写拿到选中文件后的业务逻辑即可
    }    
}

2. 在View层注册交互处理逻辑
   所有和具体UI、窗口实例相关的逻辑全部留在View层，在WhenActivated中注册处理函数即可：

public partial class BatchManagementView : ReactiveWindow<BatchManagementViewModel>
{
    public BatchManagementView()
    {
        InitializeComponent();
        // 若使用依赖注入可删除下一行
        ViewModel = new BatchManagementViewModel();

        this.WhenActivated(d =>
        {
            this.OneWayBind(ViewModel, 
                    viewModel => viewModel.BrowseText, 
                    view => view.BrowseButton.Content)
                .DisposeWith(d);
            
            this.OneWayBind(ViewModel, 
                    viewModel => viewModel.BrowseCommand, 
                    view => view.BrowseButton.Command)
                .DisposeWith(d);

            // 注册文件对话框交互处理器
            ViewModel.ShowOpenFileDialogInteraction
                .RegisterHandler(async context =>
                {
                    var config = context.Input;
                    var dialog = new OpenFileDialog();
                    dialog.AllowMultiple = config.AllowMultiple;
                    dialog.Title = config.Title;
                    dialog.Filters.AddRange(
                        config.Filters.Select(f => new FileDialogFilter
                        {
                            Name = f.Name,
                            Extensions = f.Extensions.ToList()
                        })
                    );
                    // 直接用当前窗口实例作为Owner，不需要额外传参
                    var result = await dialog.ShowAsync(this);
                    // 将选择结果返回给ViewModel
                    context.SetOutput(result);
                })
                .DisposeWith(d);
        });
    }
}

方案优势 #

• 完全符合MVVM分层规范：ViewModel层不依赖任何具体View实现、UI程序集，所有UI相关逻辑收敛在View层
• 可测试性强：单元测试时可以直接Mock交互返回值，不需要拉起真实窗口就能验证命令逻辑
• 是ReactiveUI原生实现，不需要引入额外的第三方组件、事件总线或者消息机制
• 职责划分清晰，后续修改对话框配置只需要调整ViewModel层参数，修改对话框样式/实现只需要调整View层处理逻辑，互不干扰

之前尝试的命令传参方式本质还是让ViewModel依赖具体View类型，就算通过CommandParameter把View实例传进去，后续单元测试会非常难写，也违反了依赖倒置原则，不推荐使用。

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