我来教你Axure制作出数字选择器原型的具体操作方法。

有很多朋友还不会使用Axure制作出数字选择器原型,所以下面手机方法网小编就讲解了使用Axure制作出数字选择器原型的操作过程,来下文看一看吧。

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

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

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

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

这时元件元素准备完成后,对元件的样式进行设置,如下图所示。

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

然后元件样式设置完成后,然后给各元件的名称进行设置,如下图所示。

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

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

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

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

这时候在给减号按钮的单击交互事件进行设置,同样需要变量控制,上面就是输入框中值加一,这里就是减一,如下图所示。

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

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

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

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

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

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

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

以上就是我为大家分享的全部内容了,更多软件教程可以关注手机方法网小编

本文来自投稿,不代表手机方法网立场,如若转载,请注明出处:https://www.welqi.com/191659.html

(0)
春天春天
上一篇 2024年4月24日 03:16
下一篇 2024年4月24日 03:16

相关推荐

  • 关于360安全浏览器修改GPU缓存目录的操作教程方法。

    这篇文章为各位带来的内容是360安全浏览器修改GPU缓存目录的操作,对此感兴趣的用户可以去下文看看360安全浏览器修改GPU缓存目录的操作教程。 360安全浏览器修改GPU缓存目录…

    2024年6月11日
    000
  • 分享华文楷体字体安装方法。

    有很多人不了解华文楷体字体安装方法,那么今天手机方法网小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。 华文楷体字体安装方法 方法一:控制面板/字体/文件/安装新字体…

    2024年4月30日
    020
  • 分享Creo。

    最近不少新用户咨询手机方法网小编关于Creo View 6.0进行安装的操作,本节文章就详细讲解关于Creo View6.0进行安装的操作教程。来跟着手机方法网小编一起学习吧! C…

    2024年4月25日
    020
  • 教你Blender中插入面的详细操作教程方法。

    想要使用Blender中插入面,你们都知道操作的方法吗?下文就为你们带来了Blender中插入面的具体操作方法。 Blender中插入面的详细操作教程 首先我们打开blender创…

    2024年6月9日
    010
  • 我来教你Word设置自定义默认的操作过程。

    有很多朋友还不会使用Word设置自定义默认教程时,所以下面手机方法网小编就讲解了使用Word设置自定义默认教程的操作过程,来下文看一看吧。 Word设置自定义默认的操作过程 1、点…

    2024年4月24日
    020
  • 分享谷歌输入法怎么使用双拼输入。

    大家应该对谷歌输入法有所了解,那么大家知道在谷歌输入法中怎么使用双拼输入吗?今天手机方法网小编就给大家讲解在谷歌输入法中使用双拼输入的方法。 谷歌输入法怎么使用双拼输入?谷歌输入法…

    2天前
    010
  • 关于CDR制作闪闪星光效果的图文操作。

    对于CDR制作闪闪星光效果的操作想必有的网友还不熟悉,而今天笔者就带来CDR制作闪闪星光效果的图文操作方法,一起好好学习下吧! CDR制作闪闪星光效果的图文操作 1、打开软件,如图…

    2024年4月20日
    030
  • 我来教你Word2007设置每页页眉不同的基础操作。

    很多朋友都还不熟悉Word2007应用,也还不会设置每页页眉不同,下面手机方法网小编就讲解一下Word2007设置每页页眉不同的方法,希望对你们有所帮助哦。 Word2007设置每…

    2024年4月24日
    020
  • 我来分享coreldraw制作爆炸效果的操作方法。

    现在不少网友不知道coreldraw制作爆炸效果的操作,接下来这篇文章就详细介绍coreldraw制作爆炸效果的方法。希望可以帮助到大家! coreldraw制作爆炸效果的操作方法…

    2024年4月26日
    020
  • 我来教你PPT中插入excel的环形数据图表的详细方法。

    有很多人不了解PPT中插入excel的环形数据图表的详细方法,那么今天手机方法网小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。 PPT中插入excel的环形数据图表…

    3天前
    000