用键盘事件控制动画

用键盘事件控制动画

一个Ellipse（小球）,刚开始是静止的，我想通过键盘上的方向键控制他的运动方向，效果很简单：按住某方向键，小球就会像该方向移动，放开方向键则停下。
由于Ellipse似乎无法获得keydown和keyup事件，所以我没办法实现这个看似简单的效果，help me!

Iran 发表于 2008-6-21 00:37:45

 

Ellipse 支持的事件

Loaded, MouseEnter, MouseLeave, MouseLeftButtonDown, MouseLeftButtonUp, MouseMove

可以将Ellipse置入一个Canvas中,通过调用Canvas实现.

这里是我上传的Demo

XAML
<Canvas
        xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="640" Height="480"
        Background="White"
        x:Name="Page"
        KeyDown="onKeyDown"
//键盘事件定义在主Canvas
        >
        <Canvas x:Name="mdong">
        <Ellipse Fill="#FFEA0D0D" Stroke="#FF000000" Width="134" Height="134" Canvas.Left="244" Canvas.Top="168"/>
      </Canvas>
</Canvas>


JavaScript
function onKeyDown(sender,keyEventArgs)
{
         var mdong=sender.findName("mdong");
         if(keyEventArgs.key==14)      //14左
            mdong["Canvas.Left"]-=10;
         else if(keyEventArgs.key==16)      //16右
            mdong["Canvas.Left"]+=10;
         else if(keyEventArgs.key==17)      //17下
            mdong["Canvas.Top"]+=10;
         else if(keyEventArgs.key==15)      //15上
            mdong["Canvas.Top"]-=10;
}
//10控制移动的量