系统之家 - 系统光盘下载网站!

当前位置:系统之家 > 系统教程 > 使用Axure制作出数字选择器原型

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

时间:2019-01-24 15:36:08 作者:wenjun 来源:系统之家 1. 扫描二维码随时看资讯 2. 请使用手机浏览器访问: https://m.xitongzhijia.net/xtjc/20190124/149244.html 手机查看 评论

  如何使用Axure制作出数字选择器原型?Axure 是一个专业的快速原型设计工具。想要使用Axure制作出数字选择器原型,但是不知道具体怎么制作。下面就是使用Axure制作出数字选择器原型的图文教程,一起来看看吧!

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

  

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

 

  2、元件元素准备完成后,对元件的样式进行设置

  3、元件样式设置完成后,然后给各元件的名称进行设置

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

  

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

 

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

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

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

  

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

 

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

  

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

 

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

  

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

 

  上面就是使用Axure制作出数字选择器原型的图文教程,大家学会了吗?更多相关教程,请继续关注系统之家

标签 Axure

发表评论

0

没有更多评论了

评论就这些咯,让大家也知道你的独特见解

立即评论

以上留言仅代表用户个人观点,不代表系统之家立场

其他版本软件

人气教程排行

相关系统推荐

扫码关注
扫码关注

扫码关注 官方交流群 软件收录