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

如何使用Axure制作出数字选择器原型?Axure 是一个专业的快速原型设计工具。想要使用Axure制作出数字选择器原型,但是不知道具体怎么制作。下面就是使用Axure制作出数字选择器原型的图文教程,一起来看看吧!
1、首先创建一个空白页面,在工作区域内拖入本次要使用的元件元素,主要有标题、输入框以及按钮,如下图所示。
2、元件元素准备完成后,对元件的样式进行设置
3、元件样式设置完成后,然后给各元件的名称进行设置
4、下面给输入框的类型进行设置,其实可以设置成数字,这样输入框中就只能输入数字了,当然文本也可以,但效果就不一样了,自己摸索一下,如下图所示。
5、下面就开始给两个按钮的交互事件进行设置了,首先给加号的按钮做单击交互事件,如下图所示,需要变量来控制。
6、然后在给减号按钮的单击交互事件进行设置,同样需要变量控制,上面就是输入框中值加一,这里就是减一,
7、准备工作完成,f5预览一下效果,如下图所示。
8、点击加号的时候,数字会从1开始加,点一下加一次,如下图所示。
9、点击减号的时候,就会在当前值的基础上减一,也可以自己输入一个数字,然后在减,如下图所示。
上面就是使用Axure制作出数字选择器原型的图文教程,大家学会了吗?更多相关教程,请继续关注。
相关内容
UU跑腿怎么进行接单 UU跑腿接单的图文教程
UU跑腿怎么进行接单 UU跑腿接单的图文教程,接单,图文教程,订...
怎么开通简书连载功能 简书开启连载功能的图文
怎么开通简书连载功能 简书开启连载功能的图文教程,简书,开启...
美拍怎么设置私密状态 美拍私密状态设置方法
美拍怎么设置私密状态 美拍私密状态设置方法,设置,状态,美拍,...
雷电模拟器怎么设置连发 雷电模拟器设置连发的
雷电模拟器怎么设置连发 雷电模拟器设置连发的简单教程,设置,...
网易考拉中怎么开发票 网易考拉中开发票的图文
网易考拉中怎么开发票 网易考拉中开发票的图文教程,网易考拉,...
wps表格怎么设置小数点位数 wps表格设置小数点
wps表格怎么设置小数点位数 wps表格设置小数点位数的两个方...
如何使用熊猫动态壁纸设置QQ壁纸 使用熊猫动态
如何使用熊猫动态壁纸设置QQ壁纸 使用熊猫动态壁纸设置QQ主...
如何在映客直播中发起投票 在映客直播中发起投
如何在映客直播中发起投票 在映客直播中发起投票的图文教程,...
如何在WPS中创建笔记本 WPS中创建笔记本的图文
如何在WPS中创建笔记本 WPS中创建笔记本的图文教程,图文教程,...
word怎么设置表格自动换行 word设置表格自动换
word怎么设置表格自动换行 word设置表格自动换行的图文教程,...
游戏蜂窝中怎么使用QQ微信抢红包神器 游戏蜂窝
游戏蜂窝中怎么使用QQ微信抢红包神器 游戏蜂窝中使用QQ微信...
怎么设置抖音随拍仅好友可见 抖音随拍设置仅好
怎么设置抖音随拍仅好友可见 抖音随拍设置仅好友可见的方法,...
如何删除无他相机中已下载的特效 删除无他相机
如何删除无他相机中已下载的特效 删除无他相机中已下载的特...
新浪微博如何设置开启评论防护?
新浪微博如何设置开启评论防护?,开启,评论,新浪微博,手机微博,...
如何设置抖音随拍可见权限 抖音随拍可见权限设
如何设置抖音随拍可见权限 抖音随拍可见权限设置方法,抖音,方...