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

 时间:2024-09-23 02:20:27

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

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

工具/原料

软件版本:AxureRPPro8.1

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

制作方法总结:

1、螅岔出礤在工作区域内拖入两个按钮和二级标题;将两个按钮的文字修改为加减号(+,-),并将二级标题修改为数字1;添加事件,在弹出的用例内进行编辑;加一个判断条件,当元件文字鹚兢尖睁的值大于1的时候才能做减法;定义一个局部变量,用于控制数据的变化;把加号的单击事件也加入进来;用例设置完成后,f5浏览一下最终的效果。

教大家使用Axurer制作加减数字按钮 Axure RP 8 设置按钮选中改变颜色 Axure rp如何制作交互效果? 如何使用AXURE复制子页面 Axure设计:简单的图片细节局部放大
热门搜索
动漫同人文 农村别墅图片大全 校园美女图片 动漫图片男生帅气 恶魔岛动漫网