Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 202 Article 6: Rich Functionality复杂功能 - OnPageLoad Event - OnPageLoad事件

Overview

概述

1. OnPageLoad Demo
1. OnPageLoad演示
2. OnPageLoad Event
2. OnPageLoad事件
3. OnPageLoad and Variables

3. OnPageLoad和变量

1. OnPageLoad Demo

1. OnPageLoad演示

Please turn on speakers for audio
请打开扬声器听声音

To view on Vimeo, please click here .
在Vimeo上观看高清视频，请单击 这里 .

2. OnPageLoad Event

2. OnPageLoad事件

The OnPageLoad event occurs when a page loads in the prototype. This feature is most commonly used to set dynamic panel states or values on widgets when a page is loaded. However, other actions can be performed on the page load like opening a popup window.
当原型中加载页面时将触发OnPageLoad事 件。这个特性常用于在加载页面时设置动态面板状态或部件上的值。当然，像打开一个弹出窗口也可以在加载页面时执行。

It is also available on masters. The OnPageLoad event on a master fires when a page that contains the master is loaded. The cases on the masters will be evaluated after the cases in the OnPageLoad event of the containing page.
在主控文档中也有效。当包含主控文档的页面加载时将触发主控文档上的 OnPageLoad事件。主控文档的用例将在包含页面的OnPageLoad事件用例之后执行。

The OnPageLoad event is defined in the Interactions section within the Page Notes pane. Cases are added to this event the same way they are added to events on widgets.
OnPageLoad事件定义在Page Notes“页面注释”面板的Interactions“交互”部分。在该事件中添加用例和部件中添加的方式相同。

3. OnPageLoad and Variables

3. OnPageLoad和变量

The OnPageLoad event is frequently used in combination with variables which carry their values from page to page as you navigate the prototype.
OnPageLoad事件常用于在原型中从一个页面到另一个页面浏览时合作带有值的变量。

Cases on the OnPageLoad event often have conditions based on variable values or use variables values when setting the text on text panels.
OnPageLoad事件的用例常包含基于变量值的条件或设置文本部件的文本时使用变量值。

For example, you might set the state of a dynamic panel depending on a variable indicating if a user is logged in, or you might set the text on a text panel with the user's name that is stored in a variable ("Hello [[UsernameVariable]]").
例如，依赖于一个指示用户是否登录的变量设置动态面板的状 态。或者基于存储在一个变量中的用户名设置文本部件的文本("Hello [[UsernameVariable]]")("你好 [[UsernameVariable]]")

[Axure RP Pro - 5.5 Tutorial教程 - AXURE 202: Rich Functionality复杂功能 - Article 6: OnPageLoad Event - OnPageLoad事件]

http://www.axure.com/p202_6.aspx

[Axure RP Pro - 官方网站]

http://www.axure.com/

[Axure RP Pro - 关键词]

axure

[Axure RP Pro - 相关论坛]

http://axure.com/cs/forums/

[Axure RP Pro - Download下载]

当 前版本AXure RP Pro 5.5.0.1939, http://axure.cachefly.net/AxureRP-Pro-Setup.exe

当 前版本AXure RP Pro 5.5.0.1939, http://www.axure.com/files/AxureRP-Pro-Setup.exe

Microsoft .Net Framework 2.0, http://www.microsoft.com/downloads/details.aspx?FamilyID=0856EACB-4362-4B0D-8EDD-AAB15C5E04F5

翻译, Manual Installation手工安装包, http://www.axure.com/Files/AxureRPFiles.zip

Microsoft Office Compatibility Pack兼容包 Service Pack 1 (SP1), http://www.microsoft.com/downloads/details.aspx?FamilyID=9a1822c5-49c6-47bd-8bec-0d68693ca564

Axure RP Pro 5.1.0.1699, http://www.axure.com/files/5-1-0-1699/AxureRP-Pro-Setup.exe

Axure RP Pro 5.0.0.1515, http://www.axure.com/files/5-0-0-1515/AxureRP-Pro-Setup.exe

[Axure RP Pro - Beta测试版]

下载Axure RP Pro 5.5 Beta, http://www.axure.com/downloadbeta.aspx

Introduction to Version 5.5 Features: Part 1, http://axure.com/cs/blogs/axure/archive/2008/11/19/Introduction-to-Version-5.5-Features_3A00_-Part-1.aspx

Introduction to Version 5.5 Features: Part 2, http://axure.com/cs/blogs/axure/archive/2008/11/13/Introduction-to-Version-5.5-Features_3A00_-Part-2.aspx

Introduction to Version 5.5 Features: Part 3, http://axure.com/cs/blogs/axure/archive/2008/11/13/Introduction-to-Version-5.5-Features_3A00_-Part-3.aspx

[Axure RP Pro - Tutorial教程 - 翻译]

AXURE 101: Introduction介绍 - Article 1: Introduction to Axure RP - Axure RP介绍, http://www.axure.com/p101_1.aspx

AXURE 101: Introduction介绍 - Article 2: Annotated Wireframes, http://www.axure.com/p101_2.aspx

AXURE 101: Introduction介绍 - Article 3: Basic Interactions基本交互, http://www.axure.com/p101_3.aspx

AXURE 101: Introduction介绍 - Article 4: Masters主控文档, http://www.axure.com/p101_4.aspx

AXURE 101: Introduction介绍 - Article 5: HTML Prototypes - HTML原型, http://www.axure.com/p101_5.aspx

AXURE 101: Introduction介绍 - Article 6: Functional mq s功能规格, http://www.axure.com/p101_6.aspx

AXURE 102: Flow Diagrams流程图 - Article 1: Flow Shapes & Connectors流程图形和连接符号, http://www.axure.com/p102_1.aspx

AXURE 102: Flow Diagrams流程图 - Article 2: Generating Flow Diagrams生成流程图, http://www.axure.com/p102_2.aspx

AXURE 201: Rich Interactions复杂交互 - Article 1: Dynamic Panels动态面板, http://www.axure.com/p201_1.aspx

AXURE 201: Rich Interactions复杂交互 - Article 2: OnMouseEnter, OnMouseOut, and Rollover Effects - OnMouseEnter, OnMouseOut和翻转效果, http://www.axure.com/p201_2.aspx

AXURE 201: Rich Interactions复杂交互 - Article 3: Menus菜单, http://www.axure.com/p201_3.aspx

AXURE 201: Rich Interactions复杂交互 - Article 4: Advanced Interactions Editor高级交互编辑器, http://axure.com/p201_4.aspx

AXURE 201: Rich Interactions复杂交互 - Article 5: Shape, Image & Menu Styles形状、图像和菜单样式, http://axure.com/p201_5.aspx

5.5 AXURE 202: Rich Functionality复杂功能 - Article 1: Conditional Logic条件逻辑, http://www.axure.com/p202_1.aspx

AXURE 202: Rich Functionality复杂功能 - Article 2: OnChange Event - OnChange事件, http://www.axure.com/p202_2.aspx

AXURE 202: Rich Functionality复杂功能 - Article 3: OnKeyUp Event - OnKeyUp事件, http://www.axure.com/p202_3.aspx

AXURE 202: Rich Functionality复杂功能 - Article 4: OnFocus and OnLostFocus Events - OnFocus和OnLostFocus事件, http://www.axure.com/p202_4.aspx

AXURE 202: Rich Functionality复杂功能 - Article 5: Variables - 变量, http://www.axure.com/p202_5.aspx

AXURE 202: Rich Functionality复杂功能 - Article 6: OnPageLoad Event - OnPageLoad事件, http://www.axure.com/p202_6.aspx

AXURE 301: Maximizing Reuse of Masters最大化重用主控 - Article 1: Affecting Widgets in Masters在主控中影响部件, http://www.axure.com/p301_1.aspx

AXURE 301: Maximizing Reuse of Masters最大化重用主控 - Article 2: Raised Events发起事件, http://www.axure.com/p301_2.aspx

AXURE 401: Collaboration协作 - Article 1: Shared Projects共享工程, http://www.axure.com/p401_1.aspx

[Axure RP Pro - Introduction介绍]

RP的含义

面板的组织方式

[Axure RP Pro - Action动作]

Parent Window父窗口

[Axure RP Pro - Event事件]

窗口间互操作

[Axure RP Pro - Master主控文档]

拖放控件
Expand.Collapse伸缩控件

将主控文档添加到多个页面

[Axure RP Pro - Prototype原型]

关闭Internet Explorer打开原型时出现的安全警告

[Axure RP Pro - Specification规格文档]

规格文档中显示部件的属性

规 格文档中屏幕截图的脚标

[Axure RP Pro - Wireframe线框]

选择后面的部件

rollover style翻转样式的常见误解

[Axure RP Pro - Widget部件]

水平线不能调整高度，垂直线不能调整宽度

如 何实现页内多个锚的效果

菜单部件不支持选中样式

[Axure RP Pro - jQuery]

如何在Axure RP Pro生成的HTML原型文档中集成jQuery, How to integrate jQuery into HTML prototype document generated by Axure RP Pro

如何获取IFrame的URL，How to retrieve the URL of IFrame widget

如何在 Axure RP Pro生成的HTML原型文档中使用自定义脚本, How to integrate customized javascript into HTML prototype document generated by Axure RP Pro

“移 到最前”效果，"Bring to Front" Interaction

如何实现淡入淡出效果，How to implement fade in and fade out effects

如何设置焦点，How to implement the "set focus" action

[Axure RP Pro - 相关问题]

Manual Installation

原型中切换页面时会闪一下

让规格文档中的页面图片和标题保持在同一页，fit section header and page image on one page

跨原型链接页面

显示视频

OnMouseOver事件和Rollover翻转效果浏览器不兼容

导入时保持变量有效

变量值与部件内容并不都能相互传递

导出在PDF

显示Google地图

在规格文档中描述Inline Frame部件的Default Target规格

渐变填充

使用正则表达式的较验函数在Firefox下出错

Style Editor样式编辑器以及已知的一些缺陷

Text Panel部件在设计时的效果与原型不一致

在不同工程之间使用masters主控文档

判断动态面板的状态

原型中Droplist“下拉列表”部件在IE6中总显示在最前面

设置首页面

自定义样式不能应用于翻转样式

线框中的字号与原型中的字号的关系

修改自定义样式对已应用该样式部件的逻辑

与IFrame部件中的页面互操作

在OnPageLoad事件中使用多个case用例

Open Link in Current Window，Close Current Window，Open Link in Parent Frame将忽略其余动作

使用Google Code服务分享工程的限制及原因

Button按钮部件不支持设置文字以及解决方法

修改生成的prototype原型的css样式表

在文本框中显示提示信息

OnPageLoad事件中的动作不会触发部件的事件

Droplist下拉列表框部件在规格文档中不包括默认值

dynamic panel动态面板上的image图片部件设置了rollover翻转图片后在OnClick事件中不能正确隐藏所在面板

文本不支持Rollover翻转效果以及迂回解决办法

设定多套初始化变量

表格的单元格不能使用动作设置文字

Text Panel文本部件不支持超链接及迂回处理办法

设置页面尺寸

在规格文档中显示部件工具提示

master主控文档的behavior行为是custom widget自定义部件时丢失raised event可触发事件

模拟加法运算

设置打开原型的默认浏览器

Listbox列表框部件不支持修改选项

数字键盘

checkbox 复选框部件的OnClick事件中复选框的状态已发生了改变

监视变量

限制输入数字

Wireframe 线框绘制尺寸的范围及处理方案

不支持最大化显示Popup窗口

使用masters组件监视变量

在规格文档中动态面板中的droplist下拉列表框部件会重复输出选项列表

一些字符无法直接进入编辑部件文字状态

Hyperlink超链接部件不使用浏览器的超链接效果

Specification规格文档中仅包含Dynamic Panel动态面板部件在默认状态下的页面截图