Axure知识汇总axure

局部变量

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

上一篇下一篇

猜你喜欢

热点阅读