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

时间:2023-01-17 21:14:37 

如何使用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
投稿

猜你喜欢

  • win10系统下文件夹无法自动刷新怎么办?windows10系统下文件夹无法自动刷新的解决方法

    2023-03-12 12:34:06
  • 网友痛批Win10 Fluent毛玻璃设计:山寨苹果 还丑陋

    2023-08-16 14:00:53
  • excel表格x轴y轴如何调换

    2023-06-25 07:46:43
  • WPS插入表格_WPS文字中如何插入表格?

    2022-08-06 11:25:20
  • 如何在Word 2013中标记文本块?

    2023-09-30 18:39:56
  • win7旗舰版如何取消屏幕键盘?win7关闭屏幕键盘的

    2023-01-04 16:07:45
  • 如何在WPS 2013中制作多行文本

    2023-10-19 06:15:37
  • 电脑安装office2007时出现错误代码1935如何解决?

    2023-11-09 18:11:53
  • Excel工作簿优化技巧有哪些

    2022-12-29 11:11:43
  • win10新特性 采用更先进的数据压缩技术 给电脑腾出10GB空间

    2022-06-05 12:40:10
  • iOS 13 小技巧:快速撤销编辑的两种方式

    2023-09-16 11:04:01
  • Win10安装盘集成所有版本和陆续更新的补丁

    2023-05-31 02:16:21
  • Word2003不能输入文字怎么修复?

    2023-10-30 15:38:31
  • WPS excel如何将表格转换为堆积面积图

    2023-10-01 16:08:17
  • 如何给PPT文件加密?PPT2007加密教程

    2023-04-16 16:50:28
  • 微软最新补丁包KB4598298更新了哪些内容?微软最新补丁更新内容一览

    2023-12-18 00:17:43
  • 如何利用PPT仿抖音打造一套炫酷的年会快闪PPT

    2022-02-18 05:52:06
  • Win10最新版10036最明显的变化 透明的开始菜单

    2022-12-28 06:41:47
  • Win7提示恢复Active Desktop的解决方法

    2023-06-22 19:37:48
  • 打印如何节省纸张

    2023-04-16 19:25:48
  • asp之家 电脑教程 m.aspxhome.com