Axure RP 9 教程:全局变量的使用「终于解决」

Axure RP 9 教程:全局变量的使用「终于解决」继上一篇文章中继器实现筛选和新增的教学后,本篇文章将用一个案例来详细地介绍全局变量的使用方法。实现效果本案例实现自动判断用户登录状态,用户未登录

欢迎大家来到IT世界,在知识的湖畔探索吧!

继上一篇文章中继器实现筛选和新增的教学后,本篇文章将用一个案例来详细地介绍全局变量的使用方法。

Axure RP 9 教程:全局变量的使用「终于解决」

前言

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

本案例选择人人都是产品经理APP中的几个页面进行模拟。

实现效果

本案例实现自动判断用户登录状态,用户未登录时,点击评论,要求用户先登录账号,登录账号后,点击评论,进入评论页面。

Axure RP 9 教程:全局变量的使用「终于解决」
Axure RP 9 教程:全局变量的使用「终于解决」

要点介绍

  1. 全局变量:本案例通过全局变量判断用户当前的登录状态。>
  2. 热区:可以理解为一个透明的矩形,使用热区覆盖元件,在热区上设置交互实现统一管理元件交互,可以在一定程度上减少我们的工作量。

实现步骤

Step.1 元件准备

本案例选择人人都是产品经理APP中的几个页面,分别为文章详情、登录页面和评论页面。

创建三个页面,分别添加我们要的元件,为了方便,我没有自己绘制元件,我在APP中截图后,在需要操作的地方添加热区设置交互。如图:

Axure RP 9 教程:全局变量的使用「终于解决」
Axure RP 9 教程:全局变量的使用「终于解决」

用热区覆盖评论和评论icon,这样设置交互简单方便。

Step.2 创建全局变量

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

操作流程如图:

Axure RP 9 教程:全局变量的使用「终于解决」
Axure RP 9 教程:全局变量的使用「终于解决」

此时,已经新建好了一个全局变量。

继续设置交互——

在文章页面内,选中评论按钮:

鼠标单击评论按钮时

if Login=0 时

打开链接到登录页面

if Login=1时

打开链接到评论页面

(如下图,此过程用于判断用户是否已登录)

Axure RP 9 教程:全局变量的使用「终于解决」

在登录页面内,选中登录按钮:

鼠标单击评论按钮时

设置变量值 Login=1

打开链接到文章页面

(如下图,此过程用于确定是否已登录,若已登录,变量Login的值就会从默认的0变为1)

Axure RP 9 教程:全局变量的使用「终于解决」

ok,这样简单的交互,就可以实现自动判断用户是否已登录。

总结

本案例其实非常简单,在之前的教程中已经多次提到,但是收到网友回复说希望这一段能出一篇详细教程,所以挑选了这样一个案例来详细讲解该功能。

全局变量还有很多的使用技巧和使用方法,本次就不多讲解。

依然郑重提醒大家,本教程只能用Axure RP 9 及以上版本打开,坚持使用Axure RP 9的原因很简单,就是想与时俱进,拥抱变化,适应未来。

最后,原型下载链接:

https://pan.baidu.com/s/1Pq-ZYuJmAZC4YHUAYjhCCA

提取码:无。

本文由 @PM Silence 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/22960.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信