如何用Axure8.0模拟上传文件的操作?

2017-09-21  本文已影响0人  北斗南星

在我之前的工作中,需要制作一个可操作的界面原型来进行可用性测试,其中一个功能是希望在用户上传完文件以后自动跳转到一个新界面,我在网上找了很多如何做这个功能原型的资料,最终结合我的理解,终于做出了这个原型,特此为大家整理出了这份教程。

用Axure实现这个功能的基本思路是给文本框添加一个载入时的用例,让控件一直移动(0,0)个单位,然后再创建一个移动时的用例,使控件名发生改变时执行某个操作。

以下是详细步骤:

1.首先,拖出一个文本框控件来,然后在属性中,将文本框类型改为文件,这时可以预览看看,文件框就变成了一个“选择文件”的按钮了。按钮的样式和文字貌似都不可以修改。

“选择文件”控件

2.然后,为这个控件添加一个移动时的用例,使其移动0个单位,相当于位置不变。然后设置等待1s(也可以设为其他值,但不能为0),再添加一个“触发事件”的动作,使其继续调用该控件载入时的状态。这样就相当于,这个控件始终以每秒0个单位的速度在移动。

载入时用例

3.接下来,为这个控件添加一个移动时用例,新增条件:当元件名称=!空时,打开链接(或者触发其他操作,如显示uploading等。)

移动用例

然后就结束啦,快按F5预览一下吧,是不是很简单!

上一篇下一篇

猜你喜欢

热点阅读