如何以MVVM方式处理OxyPlot.WPF中的Series MouseDown事件？

你当前的实现确实违反了MVVM的核心原则——视图模型（ViewModel）不应该直接依赖或创建视图（View）。要解决这个问题，我们可以通过命令模式和视图服务解耦的方式重构，同时保留曲线与数据对象的关联。

步骤1：定义视图服务接口（解耦视图创建） #

先创建一个接口专门负责视图显示逻辑，让VM只依赖接口而非具体视图：

public interface IViewService
{
    void ShowObjectDetails(MyObject obj);
}

在View层实现这个接口（比如主窗口所在项目）：

public class ViewService : IViewService
{
    public void ShowObjectDetails(MyObject obj)
    {
        var view = new ObjectView();
        view.DataContext = new ObjectViewModel(obj);
        view.ShowDialog();
    }
}

步骤2：重构MainViewModel，引入命令和视图服务 #

修改VM，移除直接创建视图的代码，改用命令传递选中对象，并通过构造函数注入视图服务：

public class MainViewModel : BaseViewModel
{
    public PlotModel MyPlotModel { get; set; }
    private MyModel _model;
    private readonly IViewService _viewService;
    public ICommand ShowObjectDetailsCommand { get; }

    public MainViewModel(IViewService viewService)
    {
        _viewService = viewService;
        _model = new MyModel();
        // 这里用RelayCommand，你可以自己实现或用MVVM框架提供的版本
        ShowObjectDetailsCommand = new RelayCommand<MyObject>(obj =>
        {
            if (obj != null)
                _viewService.ShowObjectDetails(obj);
        });
        DrawGraphs();
    }

    private void DrawGraphs()
    {
        MyPlotModel = new PlotModel(); // 别忘了初始化PlotModel
        List<MyObject> myObjects = _model.GetObjects();

        foreach (var obj in myObjects)
        {
            var s = new LineSeries();
            // 设置数据点和曲线外观...

            // 把对应的数据对象绑定到Series的Tag属性
            s.Tag = obj;
            MyPlotModel.Series.Add(s);
        }

        OnPropertyChanged(nameof(MyPlotModel));
    }
}

步骤3：在View层处理MouseDown事件，触发VM命令 #

在主窗口XAML中给PlotView添加MouseDown事件，后台代码中通过HitTest获取选中的曲线，再触发VM的命令：

private void PlotView_MouseDown(object sender, MouseButtonEventArgs e)
{
    var plotView = sender as PlotView;
    if (plotView?.Model == null) return;

    // 转换鼠标坐标到OxyPlot坐标系
    var mousePos = e.GetPosition(plotView);
    var hitResult = plotView.Model.HitTest(plotView.ActualWidth, plotView.ActualHeight, mousePos.X, mousePos.Y);

    // 获取点击的LineSeries及关联的MyObject
    var lineSeries = hitResult?.Series as LineSeries;
    if (lineSeries?.Tag is MyObject selectedObj && DataContext is MainViewModel vm)
    {
        vm.ShowObjectDetailsCommand.Execute(selectedObj);
    }
}

步骤4：注入视图服务 #

在应用启动时（比如App.xaml.cs）完成依赖注入：

protected override void OnStartup(StartupEventArgs e)
{
    base.OnStartup(e);
    var viewService = new ViewService();
    var mainVm = new MainViewModel(viewService);
    var mainWindow = new MainWindow();
    mainWindow.DataContext = mainVm;
    mainWindow.Show();
}

方案优势 #

• 彻底解耦VM和View：VM不再直接操作视图，符合MVVM关注点分离的原则
• 可测试性更强：单元测试时可以模拟IViewService的实现，无需真正弹出窗口
• 代码扩展性更好：后续要修改详情窗口的显示逻辑，只需修改ViewService的实现，不影响VM

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