找软件用软件,就到华军软件园! 软件发布
所在位置: 首页 — 教程攻略 — 教程 — 电脑软件教程  —  Axure制作...

Axure制作数字选择器原型的具体操作介绍

作者:烧饼 日期:2019-05-29

Axure RP Pro 8.0
Axure RP Pro 8.0-8.0.0.3366 中文版

网页制作 占存:88126kb 时间:2020-11-13

软件介绍: Axure RP Pro 8.0 是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家...

立即下载

  当前有许多小伙伴还不会借助Axure来制作数字选择器原型,不过没关系,因为下面小编就分享了Axure制作数字选择器原型的具体操作方法,希望感兴趣的朋友都来共同学习哦。

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

s.jpg

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

S.png

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

s1.jpg

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

s1.png

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

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

ss.jpg

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

A.jpg

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

AAA.jpg

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

BBB.jpg

  以上这里为各位分享了Axure制作数字选择器原型的具体操作方法。有需要的朋友赶快来看看本篇文章吧。

  

相关文章

最新教程 更多

QQ浏览器怎样关闭默认浏览器防护 QQ浏览器关闭默认浏览器防护的方法 QQ浏览器怎样关闭默认浏览器防护 QQ浏览器关闭默认浏览器防护的方法

QQ浏览器怎么升级 QQ浏览器升级的操作步骤 QQ浏览器怎么升级 QQ浏览器升级的操作步骤

coreldraw怎么裁剪图片?-coreldraw裁剪图片的操作流程 coreldraw怎么裁剪图片?-coreldraw裁剪图片的操作流程

coreldraw怎么复制?-coreldraw复制的方法 coreldraw怎么复制?-coreldraw复制的方法

coreldraw怎么画直线?-coreldraw画直线的方法 coreldraw怎么画直线?-coreldraw画直线的方法

热门教程 更多

电脑重装系统后没声音怎么办-驱动精灵教程 电脑重装系统后没声音怎么办-驱动精灵教程

金山打字通怎么练打字-金山打字通练习打字方法 金山打字通怎么练打字-金山打字通练习打字方法

bootcamp驱动如何升级?bootcamp驱动升级方法 bootcamp驱动如何升级?bootcamp驱动升级方法

qq音乐皮肤怎么换?-qq音乐换皮肤方法 qq音乐皮肤怎么换?-qq音乐换皮肤方法

驱动总裁下载-驱动软件下载很慢如何解决 驱动总裁下载-驱动软件下载很慢如何解决