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

分类:知识百科 日期: 点击:0

如何使用Axure制作数字选择器原型?Axure 它是一种专业的快速原型设计工具。我想用Axure制作数字选择器原型,但我不知道如何制作。以下是使用Axure制作数字选择器原型的图形教程。让我们看看!

1、创建一个空白页面,将要使用的元素拖入工作区域,主要包括标题、输入框和按钮,如下图所示。

 

2、元件元素准备完成后,设置元件样式

3、设置元件样式后,设置每个元件的名称

4、下面设置输入框的类型,实际上可以设置为数字,这样输入框只能输入数字,当然,文本也可以,但效果不同,自己探索,如下图所示。

 

5、下面开始设置两个按钮的交互事件。单击加号按钮的交互事件,如下图所示,需要变量控制。

6、设置减号按钮的单击交互事件,也需要变量控制,上面是输入框中值加一,这里是减一,

7、准备工作完成后,f5预览效果,如下图所示。

 

8、点击加号时,数字会从1开始加,点击加号一次,如下图所示。

 

9、点击减号时,会在当前值的基础上减一,也可以自己输入一个数字,减少,如下图所示。

 

以上是使用Axure制作数字选择器原型的图形教程。你学会了吗?更多相关教程,请继续关注。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。