网站首页 > 技术文章 正文
编辑导语:关于全局变量的作用,有些人可能尚未完全了解,那么,如何利用Axure来设置全局变量,进而发挥全局变量的作用,如跨页面传递文本呢?本篇文章里,作者通过注册页面的案例,就全局变量的操作流程做了梳理,一起来看一下。
全局变量的作用有很多,其中最主要的一点是跨页面传递文本。效果如下:
今天我们就通过注册页面这个例子,来直观理解一下全局变量的作用。
一共分四步:
- 准备工作;
- 设置全局变量;
- 在注册页的提交按钮处设置全局变量的交互;
- 设置跨页面传递文本。
一、准备两个简单的页面
注册页和提示页,分别如下所示:
注意!这里提示页的元件,一定是文本框,不是矩形。如果用矩形来表述这段文字,后面就没有办法设置跨页面传递文本。
账号和邮箱的设定,也是文本框。并分别把账号和邮箱的文本框,命名为“账号”“文本框”,养成及时给元件命名的好习惯。
二、设置全局变量
在项目菜单栏中,找到“全局变量”。
并添加“Accountvar”和“Emailvar”两个全局变量。
三、在注册页的“提交”按钮处设置全局变量的交互
因为我们前面设置了“Accountvar”和“Emailvar”两个全局变量,但是并没有具体的取值。这里我们就可以为这两个变量赋值了。
我们要将填入账号和邮件里的信息,传递到下一个页面,管道就是“提交”这个按钮。选择单击时,添加动作“设置变量值”。
这里着重说一下交互编辑器中的设置动作。这里有三个元素:目标、设置为、元件。
目标是你想要赋予值的元件、设置为和元件,是赋予值的具体内容,是另一个元件里的其他元素。
在设置动作中,目标为全局变量“Accountvar”。
设置为“元件文字”,就是我们在文本框中键入的文字。
然后选择设置的元件。
这里有个筛选小技巧,点击筛选框,可以很快找到我们自命名的元件。
给另一个全局变量Email赋值同样如此。
交互的最后一步是添加一个单击时打开链接,即反馈页。
四、在反馈页中打通管道
前面我们已经通过“提交”按钮把输入在文本框中的信息传递到了管道中,接下来我们要在反馈页中把这个管道的另一端打开。
点击反馈页中的空白位置。给整个页面设置交互,选择新建交互,在页面载入时,选择设置文本。选中文本框。
给文本内容,赋予全局变量。
至此,我们就完成了全部。
本文由 @艾筱说 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自Unsplash,基于 CC0 协议
- 上一篇: 作为初级产品汪,我是这么理解APP登录注册功能的
- 下一篇: 利用Axure+js创建可配置地图页面
猜你喜欢
- 2025-05-13 去哪儿暑期PM实习一月记:在互联网公司做产品实习是怎样一种体验
- 2025-05-13 功能设计:如何将复杂的功能抽象成简洁易用的设计?
- 2025-05-13 单打独斗的产品设计师工作流程总结
- 2025-05-13 事半功倍 轻松制作可交互移动原型
- 2025-05-13 出售闲置原型素材来赚钱,上传作品,即可收上万元收入
- 2025-05-13 成功上岸腾讯运营,教你如何写校招简历?
- 2025-05-13 第四章:产品设计(2.3)PRD写作 - 原型设计
- 2025-05-13 分享我的产品策划流程,希望对你也有用
- 2025-05-13 B端产品设计之业务设计
- 2025-05-13 高效办公,你值得拥有之原型工具AXURE篇
- 最近发表
- 标签列表
-
- axure 注册码 (25)
- exploit db (21)
- mutex_lock (30)
- oracleclient (27)
- think in java (14)
- javascript权威指南 (19)
- nfs (25)
- componentart (17)
- yii框架 (14)
- springbatch (28)
- oracle数据库备份 (25)
- iptables (21)
- 自动化单元测试 (18)
- python编写软件 (14)
- dir (26)
- connectionstring属性尚未初始化 (23)
- output (32)
- panel滚动条 (28)
- centos 5 4 (23)
- sql学习 (33)
- dfn (14)
- http error 503 (21)
- pop3服务器 (18)
- 图表组件 (17)
- android退出应用 (21)