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

有些人在使用Axure时,还不了解Axure制作数字选择器原型的操作,下面手机方法网小编就讲解Axure制作数字选择器原型操作方法吧。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(0)
春天春天
上一篇 2024年4月25日 20:35
下一篇 2024年4月25日 20:35

相关推荐

  • 小编教你Protel99se安装方法详解。

    Protel99se有许多优点,不少朋友都安装了。今天笔者就讲解了关于设置Protel99se安装方法详解,一起去看看设置安全认证的图文操作步骤吧,相信会有帮助哦。 Protel9…

    2024年4月28日
    060
  • 教你Adobe。

    今天我们来学习一下Adobe Illustrator设计猫头鹰插画图的方法步骤,有不会操作的朋友,一起来学习一下吧。 Adobe Illustrator设计猫头鹰插画图的方法步骤 …

    2024年6月6日
    050
  • 说说QQ浏览器同步手机书签的操作流程。

    今天讲解的是QQ浏览器同步手机书签的操作流程,想要学习的小伙伴可以去了解了解,相信对大家一定会有所帮助的。 QQ浏览器同步手机书签的操作流程 首先确保已在QQ浏览器上登录。 然后在…

    2024年5月10日
    080
  • 小编教你Word。

    Word 2013是一款非常不错的办公软件,接下来手机方法网小编就来讲解关于Word 2013输入系统没公式的操作教程,有需要的伙伴不要错过哦,相信一定可以帮助到你们。 Word …

    2024年6月9日
    070
  • 今天分享迅雷设置不响应下载的操作步骤。

    如果你还不会利用迅雷设置不响应下载的话,就来下文学习学习利用迅雷设置不响应下载的操作步骤吧,希望可以帮助到大家。 迅雷设置不响应下载的操作步骤 1、首先需要先打开迅雷这款软件,进入…

    2024年4月24日
    040
  • 关于360杀毒恢复隔离区文件的操作教程方法。

    相信360杀毒软件有很多人使用,这里主要说的是360杀毒恢复隔离区文件的操作教程,希望可以帮到有需要的人。 360杀毒恢复隔离区文件的操作教程 我们先打开360杀毒软件后可以看到主…

    2024年6月9日
    0110
  • 分享迅雷7进行限速的详细操作流程。

    今天我们来学习一下迅雷7进行限速的详细操作流程吧,有不清楚的小伙伴,一起来学习一下吧。 迅雷7进行限速的详细操作流程 首先打开迅雷7,点击“设置”图标。 点击“下载模式”,再点击“…

    2024年6月9日
    0130
  • 教你给微信公众平台设置自定义回复的具体方法。

    微信公众平台很受大家欢迎,你们知道怎么给微信公众平台设置自定义回复吗?不知道没有关系,现在知道也不迟,让我们跟着手机方法网小编的不妨去学习给微信公众平台设置自定义回复的具体方法 给…

    PC教程 2024年4月15日
    040
  • 小编分享photoshop制作滴血字的简单操作。

    photoshop这款功能强大的软件许多网友都熟悉的。下面手机方法网小编就带来了关于photoshop制作滴血字的操作教程哦。一起来学习学习吧! photoshop制作滴血字的简单…

    2024年4月20日
    050
  • 我来分享iMovie制作预告片的方法步骤。

    想知道怎么使用iMovie制作预告片吗?以下就是iMovie制作预告片的方法步骤,赶紧来看看吧,希望能帮助到大家哦。 iMovie制作预告片的方法步骤 1. 第一步,找到launc…

    2024年6月6日
    050