如何使用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微信...
-
怎么设置抖音随拍仅好友可见 抖音随拍设置仅好
怎么设置抖音随拍仅好友可见 抖音随拍设置仅好友可见的方法,...
-
如何删除无他相机中已下载的特效 删除无他相机
如何删除无他相机中已下载的特效 删除无他相机中已下载的特...
-
新浪微博如何设置开启评论防护?
新浪微博如何设置开启评论防护?,开启,评论,新浪微博,手机微博,...
-
如何设置抖音随拍可见权限 抖音随拍可见权限设
如何设置抖音随拍可见权限 抖音随拍可见权限设置方法,抖音,方...