如何将 WPF UI 事件（如 SelectionChanged）绑定到 MVVM 中的 ViewModel 命令？

在 MVVM 中绑定 WPF UI 事件（例如 SelectionChanged）到 ViewModel 命令

MVVM 模式提倡将 UI 逻辑与数据层分离。为此，在 ViewModel 中处理 UI 事件至关重要。在提供的代码示例中，SelectionChanged 事件在代码隐藏中处理。让我们探讨如何将此事件移至 ViewModel。

将 UI 事件绑定到命令

WPF 提供了一个强大的功能，称为数据绑定。它允许您将 UI 元素绑定到 ViewModel 中的属性或命令。在本例中，我们要将 contactsList 的 SelectionChanged 事件绑定到 ViewModel 中的命令。

使用 EventTriggers 和 InvokeCommandAction

为此，您可以使用 Windows.Interactivity 命名空间中的 EventTrigger 和 InvokeCommandAction。示例如下：

<ListBox ...>
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="SelectionChanged">
      <i:InvokeCommandAction Command="{Binding SelectedItemChangedCommand}" />
    </i:EventTrigger>
  </i:Interaction.Triggers>
</ListBox>

引用 'i' 命名空间

要使用 EventTrigger 和 InvokeCommandAction，您需要引用 System.Windows.Interactivity 程序集。打开项目的“引用”面板，然后导航到 添加引用 > 程序集 > 扩展。

将命令绑定到 ViewModel

在 ViewModel 中，创建一个公共命令来处理事件：

public ICommand SelectedItemChangedCommand { get; }

将命令绑定到窗口的 DataContext：

this.DataContext = new MyAppViewModel();

处理 SelectedItemChanged 事件

在 MyAppViewModel 中，实现 SelectedItemChangedCommand 并执行必要的逻辑，例如获取和分组标签，就像在原始事件处理程序中一样。

通过遵循这些步骤，您已成功地将 SelectionChanged 事件处理移至 ViewModel，从而遵循 MVVM 原则，将 UI 逻辑与数据层分离。

以上是如何将 WPF UI 事件（如 SelectionChanged）绑定到 MVVM 中的 ViewModel 命令？的详细内容。更多信息请关注PHP中文网其他相关文章！