WPF MVVM：命令很简单。如何使用 RoutedEvent 连接 View 和 ViewModel

AI

使用 RoutedEvent 连接 View 和 ViewModel

在WPF MVVM中，命令是一种常用的将View和ViewModel连接起来的方式，通过命令，我们可以在View中触发ViewModel中的方法。然而，除了命令，我们还可以使用RoutedEvent来实现View和ViewModel之间的连接。RoutedEvent是WPF中处理事件的机制，它允许事件在整个元素树中进行传播，直到找到处理该事件的元素为止。使用RoutedEvent可以实现更加灵活的事件处理，同时也能够避免一些传统事件处理中的耦合问题。

使用RoutedCommand实现View和ViewModel的连接

一种常见的使用RoutedEvent连接View和ViewModel的方式是使用RoutedCommand。RoutedCommand是WPF中预定义的一种RoutedEvent，它可以在整个元素树中进行传播，直到找到处理该命令的元素为止。通过使用RoutedCommand，我们可以将View中的操作与ViewModel中的方法进行关联。

在ViewModel中，我们可以通过创建一个RoutedCommand对象，并在其中定义命令的执行逻辑。例如，我们可以创建一个名为"SaveCommand"的RoutedCommand，并在其中定义保存数据的逻辑。

csharp
public class ViewModel
{
    public static RoutedCommand SaveCommand = new RoutedCommand();
    public ViewModel()
    {
        CommandBinding saveCommandBinding = new CommandBinding(SaveCommand, SaveExecute, CanSaveExecute);
        CommandManager.RegisterClassCommandBinding(typeof(View), saveCommandBinding);
    }
    private void SaveExecute(object sender, ExecutedRoutedEventArgs e)
    {
        // 执行保存数据的逻辑
    }
    private void CanSaveExecute(object sender, CanExecuteRoutedEventArgs e)
    {
        // 判断是否可以执行保存数据的逻辑
        e.CanExecute = true;
    }
}

在View中，我们可以通过将Button等控件的Command属性绑定到ViewModel中的RoutedCommand来实现View和ViewModel的连接。

xaml
<Button Content="Save" Command="{x:Static local:ViewModel.SaveCommand}"/>

这样，当用户点击Save按钮时，RoutedCommand将会在整个元素树中进行传播，直到找到处理该命令的元素，即ViewModel中的SaveExecute方法。

自定义RoutedEvent实现View和ViewModel的连接

除了使用预定义的RoutedCommand，我们还可以自定义RoutedEvent来实现View和ViewModel的连接。自定义RoutedEvent可以更加灵活地定义事件的传播路径和处理逻辑。

在ViewModel中，我们可以通过创建一个RoutedEvent对象，并在其中定义事件的处理逻辑。例如，我们可以创建一个名为"DataSavedEvent"的RoutedEvent，并在其中定义数据保存完成后的处理逻辑。

csharp
public class ViewModel : INotifyPropertyChanged
{
    public static readonly RoutedEvent DataSavedEvent = EventManager.RegisterRoutedEvent(
        "DataSaved", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(ViewModel));
    public event RoutedEventHandler DataSaved
    {
        add { AddHandler(DataSavedEvent, value); }
        remove { RemoveHandler(DataSavedEvent, value); }
    }
    private void OnDataSaved()
    {
        RoutedEventArgs args = new RoutedEventArgs(DataSavedEvent);
        RAIseEvent(args);
    }
    private void SaveData()
    {
        // 执行保存数据的逻辑
        OnDataSaved();
    }
}

在View中，我们可以通过使用EventTrigger和InvokeCommandAction来订阅ViewModel中的自定义RoutedEvent，并将其与ViewModel中的方法进行关联。

xaml
<i:Interaction.Triggers>
    <i:EventTrigger EventName="DataSaved">
        <i:InvokeCommandAction Command="{Binding DataSavedCommand}"/>
    </i:EventTrigger>
</i:Interaction.Triggers>

这样，当ViewModel中的DataSaved事件被触发时，InvokeCommandAction将会执行ViewModel中的DataSavedCommand命令。

使用RoutedEvent可以方便地实现View和ViewModel之间的连接，通过定义和触发RoutedEvent，我们可以将View中的操作和ViewModel中的方法进行关联。无论是使用预定义的RoutedCommand还是自定义RoutedEvent，都可以实现更加灵活的事件处理，同时也能够避免一些传统事件处理中的耦合问题。在实际开发中，我们可以根据具体需要选择合适的方式来连接View和ViewModel，以便实现更加高效和可维护的MVVM架构。