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

时间:2019-06-19 11:44:13 作者: wangxixi
Axure RP Pro
软件大小: 34.9MB
更新时间: 2024-03-04 17:06:23
所属分类: 办公工具
查看详情

 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设计控制数据递加递减效果的具体操作方法的,你们是不是都学会了呀! 

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文

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

立即下载

Axure RP Pro