如何使用Axure制作出数字选择器原型?Axure 是一个专业的快速原型设计工具 。想要使用Axure制作出数字选择器原型 , 但是不知道具体怎么制作 。下面就是使用Axure制作出数字选择器原型的图文教程 , 一起来看看吧!
1、首先创建一个空白页面 , 在工作区域内拖入本次要使用的元件元素 , 主要有标题、输入框以及按钮 , 如下图所示 。
2、元件元素准备完成后 , 对元件的样式进行设置
3、元件样式设置完成后 , 然后给各元件的名称进行设置
【分享如何使用Axure制作出数字选择器原型】4、下面给输入框的类型进行设置 , 其实可以设置成数字 , 这样输入框中就只能输入数字了 , 当然文本也可以 , 但效果就不一样了 , 自己摸索一下 , 如下图所示 。
5、下面就开始给两个按钮的交互事件进行设置了 , 首先给加号的按钮做单击交互事件 , 如下图所示 , 需要变量来控制 。
6、然后在给减号按钮的单击交互事件进行设置 , 同样需要变量控制 , 上面就是输入框中值加一 , 这里就是减一 ,
7、准备工作完成 , f5预览一下效果 , 如下图所示 。
8、点击加号的时候 , 数字会从1开始加 , 点一下加一次 , 如下图所示 。
9、点击减号的时候 , 就会在当前值的基础上减一 , 也可以自己输入一个数字 , 然后在减 , 如下图所示 。
上面就是使用Axure制作出数字选择器原型的图文教程 , 大家学会了吗?更多相关教程 , 请继续关注软科小院 。
推荐阅读
- 我来教你怎么使用ai制作出矢量电线塔图标
- 懒人听书APP 我来分享懒人听书app闪退怎么办
- 小编分享OPPO手机怎么切换录音模式 。。
- 我来教你小米12桌面壁纸如何滚动 。。
- 我来分享小米12开发者选项怎么打开 。。
- 小编分享小米12万物追焦在哪里开启 。。
- 我来分享知乎怎么设置拦截不友好信息 。。
- 我来教你如何在闲鱼里领取全年商品免单红包
- 分享iphonexs开启半屏功能怎么操作
- 分享Win7系统Windows资源管理器老重启怎么解决