我来教你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

相关推荐

  • 分享OBS。

    很多人不知道OBS Studio如何自定义快捷键?今日为你们带来的文章是OBSStudio自定义快捷键的方法,还有不清楚小伙伴和手机方法网小编一起去学习一下吧。 OBS Studi…

    2024年7月19日
    000
  • 分享zend。

    不少朋友都还不熟悉zend studio导入项目文件的相关操作,下面手机方法网小编就讲解zend studio导入项目文件的图文操作方法,希望对你们有所帮助哦。 zend stud…

    2024年4月16日
    030
  • 说说winrar为压缩文件设置个密码的操作教程方法。

    一些用户们在使用winrar的时候,不是很熟悉其中是怎么设置密码?今日这篇文章就带来了winrar为压缩文件设置个密码的操作教程。 winrar为压缩文件设置个密码的操作教程 我们…

    2024年6月9日
    020
  • 分享mindmanager添加附注的操作步骤。

    今天手机方法网小编就带大家来共同学习mindmanager添加附注的操作步骤,希望可以帮助到有需要的小伙伴哦,下面就是详细完整的操作步骤。 mindmanager添加附注的操作步骤…

    2024年6月9日
    020
  • 分享迅捷CAD转换器把图纸转为WMF格式的操作流程。

    各位伙伴们,你们晓得迅捷CAD转换器把图纸转为WMF格式的操作吗?下面就是迅捷CAD转换器把图纸转为WMF格式的教程,希望有需要的朋友们可以一起来看看。 迅捷CAD转换器把图纸转为…

    2024年4月24日
    020
  • 小编分享Adobe。

    Adobe Premiere Pro CC如何新建序列工程?今日为你们带来的文章是Adobe Premiere ProCC新建序列工程的方法,还有不清楚小伙伴和手机方法网小编一起去…

    2024年7月19日
    000
  • 说说万能五笔输入法打字速度的查看具体方法。

    很多的用户都在使用万能五笔输入法,不过你们知道怎么查看打字速度吗?下文就是万能五笔输入法打字速度的查看具体方法,希望大家喜欢。 万能五笔输入法打字速度的查看具体方法 我们需要先用快…

    2024年5月21日
    020
  • 教你迅捷pdf编辑器在pdf上打马赛克的操作教程方法。

    大家知道迅捷pdf编辑器在pdf上打马赛克吗?下文手机方法网小编就带来了迅捷pdf编辑器在pdf上打马赛克的操作教程,一起来看看吧! 迅捷pdf编辑器在pdf上打马赛克的操作教程 …

    2024年6月7日
    030
  • 今天分享pages文件背景颜色更换方法步骤。

    今天我们学习的是pages文件背景颜色更换方法步骤,还有不清楚的网友可以学习一下哦,相信对大家一定会有所帮助的。 pages文件背景颜色更换方法步骤 1、找到launchpad,打…

    2024年6月6日
    020
  • 小编分享word2010里双行合一功能使用操作介绍。

    大家熟悉word2010里的双行合一功能吗?会使用吗?今天手机方法网小编就带来了word2010里双行合一功能使用操作教程,感兴趣的小伙伴一起来看看吧! word2010里双行合一…

    2024年4月21日
    020