宝哥软件园

Axure是如何原型化数字选择器的?Axure制作数字选择器原型的方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

说到Axure,相信大家都应该经常使用,但是你知道Axure是如何制作数字选择器原型的吗?接下来,让我们看看Axure的数字选择器原型。

方法步骤

1.首先,创建一个空白页,并在工作区拖动这次要使用的元素,主要包括标题、输入框和按钮;

Axure怎么制作出数字选择器原型?Axure制作出数字选择器原型的方法

2.组件元素准备完成后,设置组件的样式;

3.设置组件样式后,设置每个组件的名称。

4.在下面设置输入框的类型。其实可以设置为数字,这样在输入框中只能输入数字。当然,文字也可以用,但效果不一样。自己去感受;

Axure怎么制作出数字选择器原型?Axure制作出数字选择器原型的方法

5.设置下面两个按钮的交互事件。首先为加号按钮点击交互事件,如下图,需要变量控制;

6.然后通过单击减号按钮设置交互事件,这也需要变量控制。上面是给输入框里的值加一,这里是减一;

7.准备工作完成后,f5预览效果。

Axure怎么制作出数字选择器原型?Axure制作出数字选择器原型的方法

8.当你点击加号时,数字将从1开始增加,并增加一次;

Axure怎么制作出数字选择器原型?Axure制作出数字选择器原型的方法

9.点击减号时,会在当前值的基础上减一,或者自己输入一个数字再减;

Axure怎么制作出数字选择器原型?Axure制作出数字选择器原型的方法

以上就是Axure如何制作数字选择器原型的全部内容。如果按照以上方法,就可以轻松掌握Axure制作数字选择器原型的方法。

更多资讯
游戏推荐
更多+