谜爱阁生活网

Axure制作出数字选择器原型具体操作方法

软件教程  2024-10-14 10:52:08  热度:82℃

相信很多的同学们都在使用Axure,不过你们知道使用Axure如何制作数字选择器原型吗?今日就为大伙带来了Axure制作出数字选择器原型的具体操作方法。

Axure制作出数字选择器原型具体操作方法

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

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

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

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

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

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

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

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

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

按照上文讲解的Axure制作出数字选择器原型的具体操作方法,你们是不是都学会啦!

最近更新

  • 酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    2024-11-11391阅读

  • win7电脑中出现声音图标不见了的具体解决方法

    win7电脑中出现声音图标不见了的具体解决方法

    2024-11-11410阅读

  • 车到哪app的详细软件介绍

    车到哪app的详细软件介绍

    2024-11-11412阅读

  • 小米9se中查看序列号的具体操作方法

    小米9se中查看序列号的具体操作方法

    2024-11-11394阅读

  • 迅雷中使用FTP探测器的详细操作方法

    迅雷中使用FTP探测器的详细操作方法

    2024-11-11407阅读

  • ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    2024-11-11388阅读

  • 小米9se中清除内存的具体操作步骤

    小米9se中清除内存的具体操作步骤

    2024-11-11368阅读

  • 千牛中取消消息提醒的具体操作流程

    千牛中取消消息提醒的具体操作流程

    2024-11-11372阅读

  • 抖音app中两个人使用特效具体步骤介绍

    抖音app中两个人使用特效具体步骤介绍

    2024-11-11376阅读

  • 2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2024-11-11373阅读