Question

我正在尝试使用MVVM设计模式在Silverlight 4中构建一个示例游戏，以拓宽我的知识面。我也在使用Laurent Bugnion的MvvmLight工具包（在这里找到：http://mvvmlight.codeplex.com/）。我现在要做的就是通过按特定键在Canvas中移动一个形状。我的解决方案包含一个Player.xaml（只是一个矩形;它将被移动）和MainPage.xaml（Canvas和一个Player控件的实例）。

据我了解，Silverlight不支持隧道路由事件，只支持冒泡。我的大问题是Player.xaml永远不会识别KeyDown事件。它总是首先被MainPage.xaml拦截，它永远不会到达任何子控件，因为它会向上冒泡。我更喜欢移动播放器的逻辑在PlayerViewModel类中，但我不认为播放器可以知道任何KeyDown事件触发而没有我明确地从MainPage传递它们。

我最终将处理程序逻辑添加到MainPageViewModel类。现在我的问题是MainPageViewModel不知道Player.xaml所以它在处理KeyDown事件时不能移动这个对象。我想这是预期的，因为ViewModels不应该知道它们的相关视图。

用不多的话来说......在我的MainPage.xaml中，这个玩家用户控件是否可以直接接受和处理KeyDown事件？如果没有，我的MainPageViewModel与其View的子控件进行通信的理想方法是什么？我试图尽可能地将代码保留在代码隐藏文件之外。似乎最好将逻辑放在ViewModels中以便于测试并将UI与逻辑分离。

（MainPage.xaml中）

<UserControl x:Class="MvvmSampleGame.MainPage"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:game="clr-namespace:MvvmSampleGame"             
         xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
         xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.SL4"
         mc:Ignorable="d"
         Height="300"
         Width="300"
         DataContext="{Binding Main, Source={StaticResource Locator}}">

<i:Interaction.Triggers>
    <i:EventTrigger EventName="KeyDown">
        <cmd:EventToCommand Command="{Binding KeyPressCommand}" PassEventArgsToCommand="True" />
    </i:EventTrigger>
</i:Interaction.Triggers>

<Canvas x:Name="LayoutRoot">       
    <game:Player x:Name="Player1"></game:Player> 
</Canvas>

（MainViewModel.cs）

public MainViewModel()
{

  KeyPressCommand = new RelayCommand<KeyEventArgs>(KeyPressed);

}       

public RelayCommand<KeyEventArgs> KeyPressCommand
{
    get;
    private set;
}

private void KeyPressed(KeyEventArgs e)
{

        if (e.Key == Key.Up || e.Key == Key.W)
        {
            // move player up

        }
        else if (e.Key == Key.Left || e.Key == Key.A)
        {
            // move player left
        }
        else if (e.Key == Key.Down || e.Key == Key.S)
        {
            // move player down
        }
        else if (e.Key == Key.Right || e.Key == Key.D)
        {
            // move player right
        }
}

提前致谢，杰里米

Answer 1

尝试使用KeyTrigger并将Source对象设置为LayoutRoot，而不是使用EventTrigger。

另一种选择（我认为更好）是让ViewModel处理播放器的位置。例如，有一个名为PlayerTop的属性和一个名为PlayerLeft的属性。将PLayer的Canvas.Top和Canvas.Left属性绑定到这些属性。当用户按下键时，在VM上执行更新这些属性的命令。这样，VM不必知道移动的内容或移动方式。

这有意义吗？

Silverlight 4 + MVVM + KeyDown事件

1 个答案: