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

Axure教程-全局变量:实现页面内容根据页面标题更新
Demo地址:https://h0giuj.axshare.com软件版本:AxureRPv10适用场景:后台原型设计根据页面名称,显示对应标题。2个知识点:Variable(变量):将页面标题作为字符串存在全局变量中;PageLoaded

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教程-全局变量:实现页面内容根据页面标题更新