Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 201 Article 5: Rich
Interactions复杂交互 - Shape, Image & Menu Styles形状、图像和菜单样式
Overview
概
述
1. Rollover, Mouse Down, Selected & Disabled Styles
1.
翻转,鼠标按下,选中和失效样式
2. Editing Styles for Button Shapes, Images & Menus
2.
编辑按钮形状、图像和菜单样式
3. Selecting and Disabling Widgets with Interactions
3. 在交互中选中和失效部件
1. Rollover, Mouse Down, Selected & Disabled Styles
1.
翻转,鼠标按下,选中和失效样式
Rollover, mouse down, selected and disabled styles can be edited on
some widgets including button shapes, images, and menu widgets.
包括按钮形
状,图像和菜单部件在内的一些部件可以编辑翻转,鼠标按下,选中和失效样式。
[PLEASE NOTE: The mouse down, selected, and disabled styles were added
in Version 5.5
, and are
not available in earlier versions.]
[请注意:鼠标按下、选中和失效样式是版本 5.5
中的新增功能,不包括在之前的版本中]
Rollover Style:
This style is applied when a user moves the
cursor over the widget.
翻转样式
:当鼠标移动到部件上方时应用该样式。
Mouse Down Style:
This style is applied when the user clicks down
on a widget.
鼠标按下样式
:当用户在部件上方单击时应用该样式。
Selected Style:
This style is applied when the widget is set to
its selected state.
选中样式
:当部件设置为它的选中状态时应用该样式。
Disabled Style:
This style is applied when the widget is
disabled.
失效样式
:当部件失效时应用该样式。
2. Editing Styles for Button Shapes, Images & Menus
2.
编辑按钮形状、图像和菜单的样式
To edit these styles on a button shape, right-click on the widget and
select Edit Button Shape->Edit Rollover/Mouse Down/Selected/Disabled
Style. This is similar for images and menus.
编辑一个按钮形状的这些样式,右击按钮后选择
Edit Button Shape“编辑按钮形状”->Edit Rollover/Mouse Down/Selected/Disabled
Style“编辑 翻转/鼠标按下/选中/失效 样式”,图像和菜单的情况类似。
In the Set Rollover
Style dialog, check the style
properties to change, and edit the property value. For example, to make
the text bold, check Bold, and click the Bold button.
在Set Rollover
Style设置翻转样式对话框中,
选中希望修改的样式属性,然后编辑属性值,例如,希望字体加粗时,选择Bold“粗体“,然后单击Bold“粗体”按钮。
Check the Preview checkbox to preview the styles applied to the widget
in the wireframe.
选中Preview“预览”复选框可以在线框中预览部件应用样式的效果。
After the styles are applied, you can preview them in the wireframe by
interacting with the black and white square in the top left corner of
the widget.
在应用样式后,在线框中可以通过部件左上角的黑白方格交互式预览。
Button shapes
and images have rollover, mouse down,
selected and disabled styles. Menus have rollover and selected styles.
按
钮形状和图像包含翻转、鼠标按下、选中和失效样式。菜单包含翻转和选中样式。
3. Selecting and Disabling Widgets with Interactions
3.
在交互中选中和失效部件
To set a button shape, image or menu item to its selected style, use
the "Set Widget(s) to Selected State" action. Similarly, to set a
widget to its disabled style, use the "Disable Widget(s)" action.
使用
Set Widget(s) to Selected
State“设置部件为选中样式”动作可以设置一个按钮形状、图像或菜单项以选中样式呈现,类似的,使用Disable
Widget(s)“失效部件”动作可以设置一个部件以失效样式呈现。
Sample: Highlight a Menu Item in a Menu
示
例:在菜单中高亮一个菜单项
A common use for the selected style is to highlight the menu item
associated with the current page.
选中样式的一个常见用途是高亮与当前页面关联的菜单项。
To do this, first set the selected style for the menu items as described
above.
为达到这个效果,首先设置如上所述菜单项的选中样式。
Then, in the OnPageLoad event of the page, add a case to "Set Widget(s)
to Selected State" and specify the menu item that corresponds to the
current page.
然后在页面的OnPageLoad事件中增加一个Set Widget(s) to Selected
State“设置部件为选中状态”用例,然后指定与当前页面对应的菜单项。
In the prototype, the menu item will be selected when the page is
loaded.
在选型中,当页面加载时将选中菜单项。
[Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 201:
Rich Interactions复杂交互 - Article 5: Shape, Image & Menu
Styles形状、图像和菜单样式]
http://axure.com/p201_5.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
[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动态面板部件在默认状态下的页面截图
分享到:
相关推荐
AxureRP-Pro-5.6.0.2097英文原版
作为办公自动化辅助工具,Axure RP Pro 更适合 Web Prototype 制作,Axure RP 7 在 Axure RP 6 基础上做了比较多的改进,旨在提高原型设计效率,包括重新组织界面功能、自适应视图、新增多个形状、样式、事件等
AxureRP-Pro-6.5-Setup
AxureRP-Pro-5.6.0.2097 的注册码
Axure RP Pro--中文可以破解版本 summer 0oWNQ1aB8E+ljuNzDC4cccP7hubimIDyWxUHGCHI4Akq7X/KhlgsnLW8j0nGLJMC 可以使用里面的keygen计算。edition选择--Pro Edition
AxureRP-Pro-7.0 注册码,我自己亲测可用,各位可放心下载。
AxureRP-Pro-Setup Axure RP 6.5.0.3010破解版,欢迎喜欢的朋友下载了,能用哦。
AxureRP-Pro-Setup 6.5 原型设计工具 有注册码,可以设计网站、管理系统-手机APP原型设计
Axure RP Pro 是一个产品经理必备的交互原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版等。 Axure RP Pro 是专为 Rapid Prototype Design 而生,它可以辅助产品...
AxureRP-Pro-Setup-7.0.0.3184 原型设计工具最新版本 包括汉化工具和注册码!
Axure RP是一个专业的快速原型设计...Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
Axure-RP-Pro-中、高级交互实例教程.doc
Axure RP Pro v7.0.0.3173,一个专业的快速原型设计工具
用于在谷歌或其他 Chrome 内核浏览器打开 Axure RP 发布的 HTML 文件
AxureRP-Pro-5.6.0.2097简体汉化包
AxureRP-6.0-Pro-Beta新功能说明
对于很多需要设计产品原型的朋友来说,Axure RP Pro可谓是非常方便、好用的一款软件,因为它不仅能绘制出详细的产品构思,也能生成浏览器格式的产品原型。但是如果想把原型拿给客户查看,但是在生成HTML文件时非常...