微信电脑版 coreldraw x6 驱动人生 EasyRecovery 易企秀
PC下载网
PC下载网 > 软件教程 > 美图制作 > 

Axure制作数字选择器原型的详细操作流程

Axure制作数字选择器原型的详细操作流程

编辑:小鑫 来源:互联网 时间:2019-05-28 17:27:56

  • 相关下载1

Axure RP 8.0中文汉化包

Axure RP 8.0中文汉化包

大小:70914KB 语言:简体中文

类型:图像制作 等级:

立即下载 查看详情

本篇教程为你们带来的文章是关于Axure软件的,你们晓得Axure中是怎么制作数字选择器原型吗?下文就为你们带来了Axure制作数字选择器原型的详细操作流程。

首先我们打开Axure软件,然后创建一个空白页面,在工作区域内拖入本次要使用的元件元素,主要有标题、输入框以及按钮,如下图所示。

1.png

这时元件元素准备完成后,对元件的样式进行设置,如下图所示。

2.png

然后元件样式设置完成后,然后给各元件的名称进行设置,如下图所示。

2.png

下面我们给输入框的类型进行设置,其实可以设置成数字,这样输入框中就只能输入数字了,当然文本也可以,但效果就不一样了,自己摸索一下,如下图所示。

3.png

接着下面就开始给两个按钮的交互事件进行设置了,首先给加号的按钮做单击交互事件,如下图所示,需要变量来控制。

这时候在给减号按钮的单击交互事件进行设置,同样需要变量控制,上面就是输入框中值加一,这里就是减一,如下图所示。

5.png

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

66.jpg

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

77.jpg

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

88.jpg

相信各位看完了上文讲解的Axure制作数字选择器原型的详细操作流程,应该都明白了吧!

PC下载站网友:
共有14条评论
返回顶部