Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 201 Article 3: Rich Interactions复杂交互 - Menus菜单

Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 201 Article 3:
Rich Interactions复杂交互 - Menus菜单

Overview

概述

1. Menu Widgets

1. 菜单部件

2. Editing Menu Widgets

2. 编辑菜单部件

3. Adding Styles to Menu Items

3. 在菜单项上增加样式

1. Menu Widgets

1. Menu“菜单”部件

Menu widgets are used to create simple flyout menus like those found in a
typical desktop application.

菜单部件用于创建类似于一般桌面程序的简单弹出菜单。

Vertical and Horizontal Menu widgets are available in the Widgets pane
and can be added to a wireframe by dragging and dropping from the
Widgets pane onto a wireframe. By default, a menu is created with 3
menu items.

Vertical“垂直”和Horizontal“水平”菜单部件在Widgets“部件”面板
中，从Widgets“部件”面板拖放到线框中可以增加到线框中。默认情况下，创建菜单包括三个菜单项。

2. Editing Menu Widgets

2. 编辑Menu“菜单”部件

Editing text
and formatting the menu and menu items is similar to other widgets.
Double-click on a menu item to edit the text. The color, font, and
other styles of the menu and menu items can be changed using the
toolbars.

可以像其他部件一样编辑菜单和菜单项的文字和格式。双击菜单项可以编辑文字，通过工具条可以改变菜单和菜单项的颜色，字体和其
他样式。

To edit the padding around the menu items, right-click on the menu or
menu item and select "Edit Menu Padding".

右击菜单或菜单项，然后选择Edit Menu
Padding“编辑菜单间距”菜单项可以编辑菜单项周围的间距。



To add or remove menu items, right-click on a menu item and use the Add
Menu Item and Delete Menu Item commands.

右击菜单项，使用Add Menu
Item“添加菜单项”和Delete Menu Item“删除菜单项”命令可以增加或删除菜单项。



To add a submenu to a menu item, right-click on the menu item and select
"Add Submenu".

右击菜单项，选择Add Submenu“添加子菜单”可以为一个菜单项添加一个子菜单。

3. Adding Styles to Menu Items

3.
为菜单项增加样式

Rollover and selected styles can be applied to menus by
right-clicking
on the menu and selecting Edit Menu -> Edit Rollover/Selected Style.
To set a menu item to its selected style, use the "Set Widget(s) to
Selected State" action. To learn more about button shape, image and
menu styles, please visit AXURE
201 - Article 5: Shape, Image & Menu Styles
.

右击菜单后选择Edit Menu“编辑菜单”->Edit Rollover/Selected
Style“编辑翻转/选中样式”可以应用翻转和选中样式到菜单上。使用Set Widget(s) To Selected
State“设置部件为选中状态”动作可以设置一个菜单项处于选中样式。希望了解更多关于按钮样式、图像和菜单样式请访问 AXURE 201 - Article 5:
形状、图像和菜单样式
。

[Axure RP Pro - 翻译 - 5.5
Tutorial教程 - AXURE 201: Rich Interactions复杂交互 - Article 3: Menus菜单]

http://www.axure.com/p201_3.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
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动态面板部件在默认状态下的页面截图