AxureRP制作原型中变量的使用(2)

AxureRP8.0教程 小楼一夜听春语 3603℃ 0评论

五、自定义变量的作用范围

自定义变量的作用范围不同,所以才分为全局变量和局部变量。

全局变量的作用范围是整个原型项目中所有的页面,即作用范围为全局,它必须是唯一的。

这就好像校长(全局变量),在一个学校(原型)内只能有一个校长,不管在哪一个年级(页面),哪一个班级(设置),只要一提起(使用)这所学校的校长,那只有这一个。

局部变量的作用范围是原型项目中某一个值的设置中。在一个项目中,值的设置可能有很多,所以局部变量在整个项目中可以不是唯一的,但在值的设置中必须是唯一的。

这就好像班主任(局部变量),在一个学校(原型)中,有多个年级(页面),每个年级又有多个班级(设置),每个班级都能有一个班主任(同名局部变量)。不过,在一个班级中提起(使用)这个班级的班主任只能有一个。而不是同一个班级,即便都提起班主任,也不是同一个人。

以上就是自定义变量的作用范围。

那么,为了更直观的理解,接下来,我举两个例子。

案例A:邮箱找回密码

一般我们通过安全邮箱找回密码,会有两个页面。一个是填写邮箱地址,点击【下一步】按钮的页面。另外一个是验证邮箱的页面,在这个页面中,会显示前一个页面中填写的邮箱地址。像这样跨页面的数据传递就需要使用全局变量,而这个过程很像使用汽车运送货物。

接下来,我们就开始开车!

额...不是,是演示案例!

首先,我们先创建一个全局变量“Account_Info”。(创建变量:相当于买辆车)

 

然后,我们需要把“page1”页面中输入的账号“Account”,传递到“page2”的页面中显示出来。(在当前页面打开另外一个页面的链接:相当于从A城市向B城市运送货物)

这里,我们在点击【下一步】按钮时,需要先把输入的账号,也就是文本框中的文字通过【设置变量值】的动作保存到全局变量“Account_Info”中。(写入变量:相当于把货物装车)

同时,在点击【下一步】按钮时,我们还要【打开链接】“page2”这个页面。(打开链接:相当于开车)

最后,在“page2”这个【页面载入时】或者元件“Message”的【载入时】设置提示“Message”的提示文本内容。

在这里,我们为“Message”元件【设置文本】中显示全局变量“Account_Info”中保存的账号信息。(读取变量:相当于把货物卸到指定地点)

这样我们就完成了这个案例的全过程。

案例B:统计选中数量

在一些网站或者软件上,当我们在选择一些选项时,会有选中数量的提示。

这样的交互效果,我们可以先在任何一个复选框上添加【选中时】的交互,设置元件“Count”的文本为“[[当前数量+1]]”。

这个元件上的当前数量我们可以通过一个局部变量“c”进行获取。点击值的设置右侧的“fx”按钮,就可以进行局部变量设置。

通过上面这一步就能完成数量的增加。

那么,数量减少的设置我们可以参照上一步在【取消选中时】添加这个交互。

在这里,大家能够看到,取消选中时的局部变量名称仍然是“c”。也就是说在这个动作的设置中,也创建了一个名称为“c”的局部变量。因为局部变量的作用范围只是在值的设置中,所以,在取消选中时的交互中,新创建的局部变量可以与之前其它交互中的局部变量同名,并不会产生冲突。这两个同名的局部变量,并不是同一个。就好像两个不同的家庭中,都可以有叫张三的孩子。

最后,我们可以把上面的【选中时】和【取消选中时】的交互全部复制给其他的几个复选框,就完成了这个案例的全过程。

总结:

通过以上两个案例,大家能够看出:

1、自定义变量的“创建”、“写入”和“读取”这三个操作是缺一不可的。只有完成这三个操作,才能够正确有效的使用自定义变量。

2、当原型中有跨页面的数据传递,一定需要全局变量的辅助,才能够实现。

3、局部变量的应用是在值的设置中,一旦离开值的设置,局部变量就会自动消失。在对下一个值进行设置的时候,还可以再创建同名的局部变量进行使用。

案例源文件下载请关注本站微信订阅号“iaxure”,菜单-往期回顾-同名文章中获取。

接下来,请大家关注我之后将发布的内容。↓↓↓↓↓

AxureRP制作原型中变量的使用(3):系统变量的使用方法与应用示例。

 

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » AxureRP制作原型中变量的使用(2)

喜欢 (23)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(8)个小伙伴在吐槽
  1. 小楼老师,在京东上买了AxureRP8实战手册的电子版,然后,,,,好像找不到素材下载的二维码,求问哪里能找到哇? 🙁
    姐姐很忙2017-04-13 16:25 回复
    • 小楼一夜听春语
      看最末页
      小楼一夜听春语2017-04-13 21:54 回复
      • 🙁 加群需要回答问题。实体书的一页在京东阅读器上分成了好几页,而且没有找到类似的数字~~求解。谢谢小楼老师
        姐姐很忙2017-04-14 09:42 回复
  2. 小楼老师,我想咨询一下如果在axure里统计自己绘制了多少页面?
    加减乘除2017-04-14 09:44 回复
    • 小楼一夜听春语
      鼠标指针放在页面功能标题上方,等一会儿就会出现数字。
      小楼一夜听春语2017-04-14 09:48 回复
      • 谢谢小楼老师
        加减乘除2017-04-14 09:51 回复
  3. 楼老湿,《Axure RP 8 入门手册》这本书太监了吗
    2017-04-14 17:09 回复
    • 小楼一夜听春语
      近期上市
      小楼一夜听春语2017-04-16 17:39 回复