Axure怎么制作出数字选择器原型?Axure制作出数字选择器原型的方法

时间:2022-12-15 08:42:45 

说起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
0
投稿

猜你喜欢

  • wps云文档怎么上传到私人空间

    2022-02-01 16:16:19
  • 苹果Screen Time是如何帮我们克服手机上瘾的呢?

    2023-09-19 17:37:52
  • 在Word中启用拖放式文字编辑功能的方法

    2023-12-05 09:04:35
  • 快速处理100+图片拼接,无需ps只要60秒轻松搞定技巧分享~

    2022-06-17 18:51:30
  • wps怎样设置表格底纹颜色

    2023-06-09 04:51:19
  • wps怎么给文档加密和解密图文教程

    2023-07-05 21:44:08
  • Win10画面定格死机怎么办?

    2023-11-23 12:41:04
  • 微软正发布6月安全更新:2个严重漏洞

    2023-09-14 05:17:43
  • DBeaver连接数据库步骤

    2023-08-09 16:40:25
  • 开机0xc000000f进不了系统怎么修复?0xc000000f修复方法

    2023-03-19 22:36:40
  • Win8.1安装msi出现2503错误怎么办?

    2023-02-05 21:23:52
  • 电脑怎么散热

    2023-12-14 18:59:05
  • 百度网盘登录显示:登录失败网络异常怎么办?

    2022-05-08 19:14:17
  • OBS Studio怎么录制视频?OBS Studio录制视频的操作步骤

    2023-12-05 02:35:56
  • win10自由截图快捷键怎么设置

    2023-11-09 16:47:46
  • win10版本1903运行镜像蓝屏怎么办

    2023-11-08 15:38:34
  • 右函数:不求人Excel函数(06)

    2022-05-16 21:36:48
  • 怎样在Word2013中设置默认校对语言

    2023-12-12 11:32:17
  • Win11如何加密文件夹?Win11加密文件夹的方法

    2023-03-23 20:21:56
  • Win8系统如何低格硬盘?

    2022-02-13 11:14:27
  • asp之家 电脑教程 m.aspxhome.com