前言
应广大网友要求,本次教程取一个简单的案例详细介绍之前教程中多次提到的全局变量的使用方法,帮助大家简单的认识和使用全局变量。
实现效果


要点介绍
- 全局变量:本案例通过全局变量判断用户当前的登录状态。
- 热区:可以理解为一个透明的矩形,使用热区覆盖元件,在热区上设置交互实现统一管理元件交互,可以在一定程度上减少我们的工作量。
实现步骤
Step.one 元件准备
本案例选择人人都是产品经理APP中的几个页面,分别为文章详情、登录页面和评论页面。
创建三个页面,分别添加我们要的元件,为了方便,我没有自己绘制元件,我在APP中截图后,在需要操作的地方添加热区设置交互。如图:


Step.two 创建全局变量
在文章页面中,选中评论按钮,设置交互,鼠标单击时,生成if条件,选择变量值,新建一个变量,这里取名为Login,默认值为0,本案例中我们设Login=0为未登录,Login=1为已登录。操作流程如图:



鼠标单击评论按钮时
if Login=0 时
打开链接到登录页面
if Login=1时
打开链接到评论页面
(如下图,此过程用于判断用户是否已登录)

打开链接到文章页面
(如下图,此过程用于确定是否已登录,若已登录,变量Login的值就会从默认的0变为1)

总结
最后,原型下载链接:
https://www.axureshop.com/wp-content/uploads/edd/2019/01/09121437.rp
长按识别二维码关注公众号,一起向梦想出发