网站首页 > 编程文章 正文
继上一篇文章中继器实现筛选和新增的教学后,本篇文章将用一个案例来详细地介绍全局变量的使用方法。
前言
应广大网友要求,本次教程取一个简单的案例详细介绍之前教程中多次提到的全局变量的使用方法,帮助大家简单的认识和使用全局变量。
本案例选择人人都是产品经理APP中的几个页面进行模拟。
实现效果
本案例实现自动判断用户登录状态,用户未登录时,点击评论,要求用户先登录账号,登录账号后,点击评论,进入评论页面。
要点介绍
- 全局变量:本案例通过全局变量判断用户当前的登录状态。>
- 热区:可以理解为一个透明的矩形,使用热区覆盖元件,在热区上设置交互实现统一管理元件交互,可以在一定程度上减少我们的工作量。
实现步骤
Step.1 元件准备
本案例选择人人都是产品经理APP中的几个页面,分别为文章详情、登录页面和评论页面。
创建三个页面,分别添加我们要的元件,为了方便,我没有自己绘制元件,我在APP中截图后,在需要操作的地方添加热区设置交互。如图:
用热区覆盖评论和评论icon,这样设置交互简单方便。
Step.2 创建全局变量
在文章页面中,选中评论按钮,设置交互,鼠标单击时,生成if条件,选择变量值,新建一个变量,这里取名为Login,默认值为0,本案例中我们设Login=0为未登录,Login=1为已登录。
操作流程如图:
此时,已经新建好了一个全局变量。
继续设置交互——
在文章页面内,选中评论按钮:
鼠标单击评论按钮时
if Login=0 时
打开链接到登录页面
if Login=1时
打开链接到评论页面
(如下图,此过程用于判断用户是否已登录)
在登录页面内,选中登录按钮:
鼠标单击评论按钮时
设置变量值 Login=1
打开链接到文章页面
(如下图,此过程用于确定是否已登录,若已登录,变量Login的值就会从默认的0变为1)
ok,这样简单的交互,就可以实现自动判断用户是否已登录。
总结
本案例其实非常简单,在之前的教程中已经多次提到,但是收到网友回复说希望这一段能出一篇详细教程,所以挑选了这样一个案例来详细讲解该功能。
全局变量还有很多的使用技巧和使用方法,本次就不多讲解。
依然郑重提醒大家,本教程只能用Axure RP 9 及以上版本打开,坚持使用Axure RP 9的原因很简单,就是想与时俱进,拥抱变化,适应未来。
最后,原型下载链接:
https://pan.baidu.com/s/1Pq-ZYuJmAZC4YHUAYjhCCA
提取码:无。
本文由 @PM Silence 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议。
猜你喜欢
- 2024-10-22 Axure 9 案例教程,如何利用情形实现B站图文登录验证?
- 2024-10-22 Axure:使用动态面板实现拖动的方法
- 2024-10-22 Axure 9 教程:如何制作验证码倒计时,并重新获取交互效果?
- 2024-10-22 Axure 9.0教程:二级菜单的制作与使用
- 2024-10-22 产品新人如何用做产品的方法制作Axure元件库
- 2024-10-22 Axure9原型设计:动态面板实现APP隐藏菜单
- 2024-10-22 Axure PR 9 按钮(Button)设计&交互
- 2024-10-22 Axure9 轮播图制作(axure9轮播图状态圆点)
- 2024-10-22 Axure RP 9 教程:9宫格拼图如何制作
- 2024-10-22 Axure9 教程:可模糊搜索的多选效果
你 发表评论:
欢迎- 05-09Spring Boot3 RESTful 接口参数校验,这篇吃透就够了!
- 05-09《Spring6》第02节:基于XML方式搭建Spring6框架开发环境
- 05-09MapStruct架构设计(mapstruct @mapping)
- 05-09分布式微服务架构组件(分布式微服务架构设计)
- 05-09Java Swing组件下的JButton实例(java swing 组件)
- 05-09java基础都在这了,小主们拿去吧(java基础是指什么)
- 05-09AOP的实现落地(拦截过滤),一切都要从Servlet说起
- 05-09【Spring Boot】WebSocket 的 6 种集成方式
- 最近发表
-
- Spring Boot3 RESTful 接口参数校验,这篇吃透就够了!
- 《Spring6》第02节:基于XML方式搭建Spring6框架开发环境
- MapStruct架构设计(mapstruct @mapping)
- 分布式微服务架构组件(分布式微服务架构设计)
- Java Swing组件下的JButton实例(java swing 组件)
- java基础都在这了,小主们拿去吧(java基础是指什么)
- AOP的实现落地(拦截过滤),一切都要从Servlet说起
- 【Spring Boot】WebSocket 的 6 种集成方式
- Java 中五种最常见加密算法:原理、应用与代码实现
- 用注解进行参数校验,spring validation介绍、使用、实现原理分析
- 标签列表
-
- spire.doc (59)
- system.data.oracleclient (61)
- 按键小精灵源码提取 (66)
- pyqt5designer教程 (65)
- 联想刷bios工具 (66)
- c#源码 (64)
- graphics.h头文件 (62)
- mysqldump下载 (66)
- sqljdbc4.jar下载 (56)
- libmp3lame (60)
- maven3.3.9 (63)
- 二调符号库 (57)
- 苹果ios字体下载 (56)
- git.exe下载 (68)
- diskgenius_winpe (72)
- pythoncrc16 (57)
- solidworks宏文件下载 (59)
- qt帮助文档中文版 (73)
- satacontroller (66)
- hgcad (64)
- bootimg.exe (69)
- android-gif-drawable (62)
- axure9元件库免费下载 (57)
- libmysqlclient.so.18 (58)
- springbootdemo (64)
本文暂时没有评论,来添加一个吧(●'◡'●)