WPF中如何同时从视图与视图模型访问属性

嘿，这个场景我太熟悉了——用Prism搭MVVM架构做绘图类程序，经常会碰到View需要响应ViewModel属性变化来更新UI绘制的需求。结合你的情况，这里有几个既符合MVVM原则又实用的方案：

方案1：用Prism EventAggregator实现跨组件通信（最推荐，符合Prism生态） #

Prism自带的EventAggregator就是用来解决这种ViewModel和View（或者不同组件）之间不需要直接引用的通信场景，完美适配你的需求：

1. 定义一个间距变化事件
   创建一个继承自PubSubEvent的事件类，用来传递新的网格间距值：

   public class GridSpacingChangedEvent : PubSubEvent<double>
   {
   }
   

2. 在ViewModel中发布事件
   当你的网格间距属性（比如GridSpacing）变化时，通过EventAggregator发布事件：

   private double _gridSpacing;
   public double GridSpacing
   {
       get => _gridSpacing;
       set
       {
           SetProperty(ref _gridSpacing, value);
           // 发布间距变化事件
           _eventAggregator.GetEvent<GridSpacingChangedEvent>().Publish(value);
       }
   }
   
   // 构造函数注入EventAggregator
   public YourViewModel(IEventAggregator eventAggregator)
   {
       _eventAggregator = eventAggregator;
   }
   

3. 在MainWindow.xaml.cs中订阅事件
   在窗口的构造函数或Loaded事件中注入EventAggregator并订阅事件，收到新值后触发网格重绘：

   private readonly IEventAggregator _eventAggregator;
   private double _currentGridSpacing = 10; // 默认间距
   
   public MainWindow(IEventAggregator eventAggregator)
   {
       InitializeComponent();
       _eventAggregator = eventAggregator;
       // 订阅事件
       _eventAggregator.GetEvent<GridSpacingChangedEvent>().Subscribe(OnGridSpacingChanged);
       // 初始绘制网格
       DrawGrid(_currentGridSpacing);
   }
   
   private void OnGridSpacingChanged(double newSpacing)
   {
       _currentGridSpacing = newSpacing;
       // 确保在UI线程执行绘图
       Dispatcher.Invoke(() => DrawGrid(newSpacing));
   }
   
   private void DrawGrid(double spacing)
   {
       // 你的网格绘制逻辑，清空Canvas然后重新画
       YourCanvas.Children.Clear();
       // ... 绘制水平、垂直网格线的代码
   }
   
   // 记得窗口关闭时取消订阅，避免内存泄漏
   protected override void OnClosed(EventArgs e)
   {
       _eventAggregator.GetEvent<GridSpacingChangedEvent>().Unsubscribe(OnGridSpacingChanged);
       base.OnClosed(e);
   }
   

方案2：直接从DataContext获取ViewModel并监听属性变化 #

如果你的View的DataContext已经绑定到ViewModel，也可以直接在代码后置中获取ViewModel实例，监听它的PropertyChanged事件：

private YourViewModel _viewModel;

protected override void OnLoaded(EventArgs e)
{
    base.OnLoaded(e);
    _viewModel = DataContext as YourViewModel;
    if (_viewModel != null)
    {
        _viewModel.PropertyChanged += ViewModel_PropertyChanged;
        // 初始绘制
        DrawGrid(_viewModel.GridSpacing);
    }
}

private void ViewModel_PropertyChanged(object sender, PropertyChangedEventArgs e)
{
    if (e.PropertyName == nameof(YourViewModel.GridSpacing))
    {
        DrawGrid(_viewModel.GridSpacing);
    }
}

protected override void OnClosed(EventArgs e)
{
    if (_viewModel != null)
    {
        _viewModel.PropertyChanged -= ViewModel_PropertyChanged;
    }
    base.OnClosed(e);
}

这个方案更直接，但要注意避免ViewModel和View之间产生强耦合，如果你的程序后续有扩展需求，方案1会更灵活。

方案3：用Behavior封装绘图逻辑（最符合MVVM的视图逻辑封装） #

如果想彻底把绘图逻辑从代码后置中抽离，可以用Prism的Behavior（或者WPF原生的System.Windows.Interactivity.Behavior）来封装网格绘制：

1. 创建GridDrawingBehavior

public class GridDrawingBehavior : Behavior<Canvas>
{
    public static readonly DependencyProperty GridSpacingProperty =
        DependencyProperty.Register(nameof(GridSpacing), typeof(double), typeof(GridDrawingBehavior), 
            new PropertyMetadata(10.0, OnGridSpacingChanged));

    public double GridSpacing
    {
        get => (double)GetValue(GridSpacingProperty);
        set => SetValue(GridSpacingProperty, value);
    }

    private static void OnGridSpacingChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var behavior = d as GridDrawingBehavior;
        behavior?.DrawGrid();
    }

    protected override void OnAttached()
    {
        base.OnAttached();
        DrawGrid();
    }

    private void DrawGrid()
    {
        var canvas = AssociatedObject;
        if (canvas == null) return;

        canvas.Children.Clear();
        // 你的网格绘制逻辑，用GridSpacing属性值来画
        // ...
    }
}

2. 在XAML中使用Behavior

<Canvas>
    <i:Interaction.Behaviors>
        <local:GridDrawingBehavior GridSpacing="{Binding GridSpacing}" />
    </i:Interaction.Behaviors>
</Canvas>

这样你的MainWindow.xaml.cs里完全不需要写绘图代码，所有视图相关的逻辑都封装在Behavior里，完美遵循MVVM的关注点分离原则。

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