如何用Axure做一个数字选择器的原型?Axure是一款专业的快速原型工具。我想用Axure做数字选择器的原型,但是不知道怎么做。以下是用Axure制作数字选择器原型的图解教程。让我们来看看!
1.首先创建一个空白页,在工作区拖动这次要用到的元素,主要包括标题、输入框和按钮,如下图所示。
2.组件元素准备完成后,设置组件的样式
3.设置组件样式后,设置每个组件的名称
4.在下面设置输入框的类型,实际上可以设置为数字,这样在输入框中只能输入数字,当然也可以使用文字,但是效果不一样。自己感受一下,如下图所示。
5.让我们设置两个按钮的交互事件。首先点击加号按钮的交互事件,如下图所示,需要变量来控制。
6.然后通过单击减号按钮设置交互事件,这也需要变量控制。上面是给输入框的值加一,这里是减一。
7.准备工作完成后,f5预览效果,如下图所示。
8.单击加号时,数字将从1开始添加,并且将添加一次,如下图所示。
9.点击减号时,会在当前值的基础上减一,也可以自己输入一个数字再减,如下图所示。
以上是用Axure制作数字选择器原型的图解教程。你学会了吗?更多相关教程,请继续关注系统之家。