宝哥软件园

如何使用Axure制作数字选择器原型 使用Axure制作数字选择器原型的图解教程

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

如何用Axure做一个数字选择器的原型?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制作数字选择器原型的图解教程。你学会了吗?更多相关教程,请继续关注系统之家。

更多资讯
游戏推荐
更多+