局部变量

作者: 太和衬 | 来源:发表于2018-03-06 10:19 被阅读16次

    局部变量的使用主要是实现在同一张页面里,对值的获取。一个项目中可以有多个局部变量,可以同名。

    这里我们举两个小栗子,来说明在Axure中局部变量的用法。

    第一个小栗子:

    首先扒拉主要元素到界面上,进行整体布局。

    如下:左侧是名单,名单下方拉入一个中继器,这里中继器只用一个字段,显示姓名信息。

    我们需要实现的主要功能是:输入姓名,点击保存,可以将输入的姓名显示在左侧的名单下,同时清空输入框。重新输入,点击保存,名单信息会一直增加下去。

    我们首先给姓名的输入框命名为name,中继器命名为名单,设置保存的鼠标单击事件:

    1. 将姓名文本框里的内容传入到名单中继器里

    2. 清空文本框里的内容,为下一次输入做准备。

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

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

    用LVAR1获取name文本框的元件文字,使其显示在name列。

    再次将name文本设置为空。

    这样就完成最初想要的功能啦

    第二个小栗子:

    这里实现的功能是勾选选项,显示当前已选中的数量。

    计数器,点击“-”和“+”,实现中间数字的增减。

    如下图所示:

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

    实现每多选中一项,已选中值“0”加1。

    设置未选中事件类似,这里就不演示了。

    这种方式除了可以实现对勾选项的计数,还可以实现计数器效果,当然其他也还可以满足上一页、下一页的显示效果。

    下面再展现实现计数器的效果。

    拉入一个文本框命名为pagination作为数字展现区,隐藏边框。设置加减号的鼠标单击事件:

    为了不出现负数,可以给减号建立一个条件,如果满足pagination>1,则可以执行pagination-1。

    演示地址:https://fjef0n.axshare.com

    相关文章

      网友评论

        本文标题:局部变量

        本文链接:https://www.haomeiwen.com/subject/wiwoxftx.html