C# - 如何在 MVVM 中处理 XAML 键盘？

Question

直到现在，我都在使用 .xaml.cs 来处理输入。

这是我的 xaml 头代码：

<Window x:Class="My_Windows_App.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:vm="clr-namespace:My_Windows_App.ViewModel"
Title="MainWindow" Height="600" Width="900"
Keyboard.KeyDown="keyDownEventHandler" Keyboard.KeyUp="keyUpEventHandler">

这里是 MainWindow.xaml.cs 代码的一部分：

public partial class MainWindow : Window
    {
        private bool pushToTalk;

        public void keyDownEventHandler(object sender, KeyEventArgs e)
        {
            if (e.Key == Key.LeftCtrl)
                pushToTalk = true;
        }

        public void keyUpEventHandler(object sender, KeyEventArgs e)
        {
            if (e.Key == Key.LeftCtrl)
                pushToTalk = false;
        }
}

如何在 MVVM 中实现相同的功能？ 因为据我了解，我们不能绑定方法，只能绑定属性，对吧？

Answer 1

您似乎得到了答案，但这里有另一种解决方案。
您可以使用i:interaction 和InputBindings 处理键盘事件。使用DatePicker 进行交互的一些示例如下：

<DatePicker Name="fancy_name_here" SelectedDate="{Binding your_date_property_here}">
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="PreviewKeyDown">               
    <i:InvokeCommandAction Command="{Binding Path=TestMeCommand}" />
    </i:EventTrigger>
  </i:Interaction.Triggers>
</DatePicker>

（请注意，i:Interaction 需要在窗口定义中添加下一行：）

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

对于输入绑定：

<DatePicker Name="fancy_name_here"  SelectedDate="{Binding your_date_property_here}">
  <DatePicker.InputBindings>
    <KeyBinding Key="Up" Modifiers="Shift" Command="{Binding your_command_name}" />
    <KeyBinding Key="Up" Modifiers="Alt" Command="{Binding TestMeCommand}" />       
    <KeyBinding Key="Up" Command="{Binding TestMeCommand}" />        
  </DatePicker.InputBindings>
</DatePicker>

随意看看at my other answer，它讨论了i:interaction和InputBindings，并指向另一篇关于处理关键事件的文章：up/down on datepicker，并讨论了/mvvm方法背后的代码。

希望你会发现它们很有用。

Answer 2

输入处理是 View 问题，而不是 ViewModel 问题，为什么要将其移至 ViewModel？

相反，将应用程序/业务逻辑委托给 ViewModel，同时将键盘输入处理保留在 View 中：

public partial class MainWindow : Window
{
    private MyViewModel ViewModel;

    public MainWindow()
    {
        ViewModel = new MyViewModel();
    }


    public void keyDownEventHandler(object sender, KeyEventArgs e)
    {
        if (e.Key == Key.LeftCtrl)
            ViewModel.PushToTalk = true;
    }

    public void keyUpEventHandler(object sender, KeyEventArgs e)
    {
        if (e.Key == Key.LeftCtrl)
            ViewModel.PushToTalk = false;
    }
}

请注意我是如何将PushToTalk 属性移动到 ViewModel 的，因为这实际上是应用程序逻辑的一部分，而不是 UI，同时将键盘事件保持在 View 级别。这不会破坏 MVVM，因为您没有混合 UI 和应用程序逻辑，您只是将东西放在它们真正属于的地方。

Answer 3

以下方法用于处理 TextBox 中的“Enter”键：

<TextBox Text="{Binding UploadNumber, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
<TextBox.InputBindings>
    <KeyBinding 
      Key="Enter" 
      Command="{Binding FindUploadCommand}" 
      CommandParameter="{Binding Path=Text, RelativeSource={RelativeSource AncestorType={x:Type TextBox}}}" />
</TextBox.InputBindings>