Axure设计控制数据递加递减效果的具体操作方法

作者:wangxixi 发布时间:2019年06月19日 66次
Axure RP Pro

Axure RP Pro

      c

      我们需要先打开Axure软件,创建一个空白页面,在工作区域内拖入两个按钮和二级标题,并将二级标题的名称进行命名。

11.jpg

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

22.jpg

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

33.jpg

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

44.jpg

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

55.jpg

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

66.jpg

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

77.jpg
88.jpg

      根据上文为你们讲解的Axure设计控制数据递加递减效果的具体操作方法的,你们是不是都学会了呀!

Axure RP Pro

Axure RP Pro

相关阅读

换一换

热门教程

换一换

本周热门

装机必备

更多
人气飙升 时下最热 品质好游