Axure教程-全局变量:实现页面内容根据页面标题更新

Demo地址:https://h0giuj.axshare.com

软件版本:Axure RP v10

适用场景:后台原型设计根据页面名称,显示对应标题。

2个知识点

  1. Variable(变量):将页面标题作为字符串存在全局变量中;
  2. Page Loaded(页面加载完成)事件:当页面加载完成时,所执行的对应动作。

一、添加元件

创建1个空白页面,并拖入1个Label控件,控件命名为PageTitle。

Axure教程-全局变量:实现页面内容根据页面标题更新

二、设置事件

1. 点击New Interaction( 新交互),然后点击Page Loaded(页面加载完成)事件开始设置;

Axure教程-全局变量:实现页面内容根据页面标题更新

2. 点击设置Set Text(设置文本)事件;

Axure教程-全局变量:实现页面内容根据页面标题更新

3. 选择刚才添加的PageTitle控件;

Axure教程-全局变量:实现页面内容根据页面标题更新

4. 点击图标,开始变量设置;

Axure教程-全局变量:实现页面内容根据页面标题更新

5. 添加变量PageName,并将其他内容清空,点击Done(完成)按钮完成配置。

Axure教程-全局变量:实现页面内容根据页面标题更新

Axure教程-全局变量:实现页面内容根据页面标题更新

Axure教程-全局变量:实现页面内容根据页面标题更新

三、效果预览

大功告成,赶紧预览一下,看看效果吧~

(为了演示效果,我把页面复制了3份)

Axure教程-全局变量:实现页面内容根据页面标题更新

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部