Axure怎么制作数字选择器原型?
番茄系统家园 · 2022-03-10 08:46:04
今天我们就来看看axure制作数字选择器效果的方法，很简单的实力教程，请看下文详细介绍。
- 软件名称：
- 原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
- 软件大小：
- 90.5MB
- 更新时间：
- 2018-05-24
1、首先创建一个空白页面，在工作区域内拖入本次要使用的元件元素，主要有标题、输入框以及按钮，如下图所示。
2、元件元素准备完成后，对元件的样式进行设置，如下图所示。
3、元件样式设置完成后，然后给各元件的名称进行设置，如下图所示。
4、下面给输入框的类型进行设置，其实可以设置成数字，这样输入框中就只能输入数字了，当然文本也可以，但效果就不一样了，自己摸索一下，如下图所示。
5、下面就开始给两个按钮的交互事件进行设置了，首先给加号的按钮做单击交互事件，如下图所示，需要变量来控制。
6、然后在给减号按钮的单击交互事件进行设置，同样需要变量控制，上面就是输入框中值加一，这里就是减一，如下图所示。
7、准备工作完成，f5预览一下效果，如下图所示。
8、点击加号的时候，数字会从1开始加，点一下加一次，如下图所示。
9、点击减号的时候，就会在当前值的基础上减一，也可以自己输入一个数字，然后在减，如下图所示。
以上就是Axure制作数字选择器原型的教程，希望大家喜欢，请继续关注。
免责声明： 凡标注转载/编译字样内容并非本站原创，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好，欢迎推荐给朋友阅读；本文链接： https://m.nndssk.com/rjwt/123462qgPf7Q.html。猜你喜欢
最新应用
热门应用
