Axure 教程 | 使用键盘进行移动对象

我们在PC端产品的时候，经常会使用到键盘操作，让某个对象产生位置的变化。比如在玩游戏时，通过键盘控制游戏人物的走动，上下左右进行移动。

 

那么我们今天就来看看，在用axure制作这类的产品原型时，制作的思路时如何的。先来看看案例的效果是如何的。

 

大家可以点击预览，自己操作一下，真实感受一下这个案例效果是如何的。https://9cj4eh.axshare.com

 

 

 

 

 

这个效果具体是怎样的呢：

 

使用一下按键，在不同方向产生位置的移动，W向上、A向左、S向下、D向右、Z回到起点

 

1、我们先看看需要什么元素。目前我们能看到的就是一个移动的对象

 

 

2、辅助用元素。因为我们的动作是键盘类的动作，并且有多个按键，所以必须要有一个部件来记录按下的按键是哪个，所以这里用了一个文本框来记录按键。

 

 

这就是我们准备的所有元素，看起来是比较简单的。

 

 

3、开始交互设置。我们在打开这个页面的时候，