Axure怎么制作数字选择器原型?

今天我们就来看看axure制作数字选择器效果的方法,很简单的实力教程,请看下文详细介绍。

软件名称:
原型设计工具Axure RP Pro 8.1破解版 中文汉化破解版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

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

Axure怎么制作数字选择器原型?_第1张图片

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

Axure怎么制作数字选择器原型?_第2张图片

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

Axure怎么制作数字选择器原型?_第3张图片

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

Axure怎么制作数字选择器原型?_第4张图片

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

Axure怎么制作数字选择器原型?_第5张图片

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

Axure怎么制作数字选择器原型?_第6张图片

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

Axure怎么制作数字选择器原型?_第7张图片

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

Axure怎么制作数字选择器原型?_第8张图片

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

Axure怎么制作数字选择器原型?_第9张图片

以上就是Axure制作数字选择器原型的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure RP8元件怎么设置颜色与透明度?

Axure图片显示不完整或扭曲该怎么解决?

Axure RP 8怎么用按钮控制文本框显示数字或星号?

你可能感兴趣的:(Axure怎么制作数字选择器原型?)