Axure怎么制作按钮控制数据递加递减效果?

Axure怎么制作按钮控制数据递加递减效果?Axure中想要制作一个数字递加递减的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Axure中想要制作一个递加递减的步进器效果,方两个按钮加一个文字框就可以实现,步进器就是点击加号后,原数字在基础上加一,点击减号后,原数字在基础减一。下噶怎么制作这个效果呢?下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24立即下载

1、首先创建一个空白页面,在工作区域内拖入两个按钮和二级标题,并将二级标题的名称进行命名。

2、将两个按钮的文字修改为加减号(+,-),并将二级标题修改为数字1,后面开始做加减号的事件控制

3、先给减号做鼠标单击时的事件,双击鼠标单击时,开始添加事件,在弹出的用例内进行编辑。

4、这里需要加一个判断条件,当元件文字的值大于1的时候才能做减法。

5、判断条件加好后,对数字的结果进行设置,这里需要定义一个局部变量,用于控制数据的变化。

6、同样的方式,我们把加号的单击事件也加入进来,判断条件可以随便设置小于某一个数字,如果只要加到10,那就小于10,如果想回到100,小小于100.

 

7、用例设置完成后,f5浏览一下最终的效果,点击加号数字加一,点击减号数据减一,你学会了么。

以上就是Axure制作步进器效果的教程,希望大家喜欢,请继续关注html中文网。

相关推荐:

Axure动态面板两种创建方法有什么区别?

Axure怎么使用热区? axure热区的使用方法

Axure RP 8怎么设计有漂亮图标的树状菜单?

以上就是Axure怎么制作按钮控制数据递加递减效果?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Photoshop