局部变量
2018-03-06 本文已影响16人
太和衬
局部变量的使用主要是实现在同一张页面里,对值的获取。一个项目中可以有多个局部变量,可以同名。
这里我们举两个小栗子,来说明在Axure中局部变量的用法。
第一个小栗子:
首先扒拉主要元素到界面上,进行整体布局。
如下:左侧是名单,名单下方拉入一个中继器,这里中继器只用一个字段,显示姓名信息。

我们需要实现的主要功能是:输入姓名,点击保存,可以将输入的姓名显示在左侧的名单下,同时清空输入框。重新输入,点击保存,名单信息会一直增加下去。
我们首先给姓名的输入框命名为name,中继器命名为名单,设置保存的鼠标单击事件:
1. 将姓名文本框里的内容传入到名单中继器里
2. 清空文本框里的内容,为下一次输入做准备。

新增行1到名单的具体设置如下:

首先勾选名单中继器,然后对于name列设置局部变量,

用LVAR1获取name文本框的元件文字,使其显示在name列。
再次将name文本设置为空。
这样就完成最初想要的功能啦
第二个小栗子:
这里实现的功能是勾选选项,显示当前已选中的数量。
计数器,点击“-”和“+”,实现中间数字的增减。
如下图所示:

首先扒拉好界面元素,当前已选中值“0”命名为count,分别设置复选框选中和未选中的事件:



实现每多选中一项,已选中值“0”加1。
设置未选中事件类似,这里就不演示了。
这种方式除了可以实现对勾选项的计数,还可以实现计数器效果,当然其他也还可以满足上一页、下一页的显示效果。
下面再展现实现计数器的效果。
拉入一个文本框命名为pagination作为数字展现区,隐藏边框。设置加减号的鼠标单击事件:


为了不出现负数,可以给减号建立一个条件,如果满足pagination>1,则可以执行pagination-1。
演示地址:https://fjef0n.axshare.com