Axure快速原型设计教程 - 图文(2)

从控件面板中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。 2. 操作控件

添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在Object工具栏上的按钮进行。 3. 编辑控件风格和属性

有多种方法可以编辑控件的风格和属性：

?

鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图 片；双击一个下拉列表或列表框控件可以编辑列表项。

? ?

工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。

2.3 模块面板(Master) 1. 什么是模块？

模块是可以重复使用特殊页面。一些常用模块如页首(Header)、页尾(Footer)与导航(Navigation)。模块可用在页面中或是其他模块中。只要修改模块，在所有页面中引用这个模块的模块实例也会随即全部跟着变化。

模块的概念犹如PowerPoint中母版、Dreamveawer中模板的概念，熟练掌握

模块可以大大提高原型设计的效率，并易于维护管理。 2. 模块的操作

在模块面板中可进行模块的管理。

?

要添加模块，单击模块面板顶部的工具栏上的“Add Master”按钮；或在面板中点鼠标右键，选择“Add Master”。

?

模块面板中可利用文件夹(Folder)来组织模块，然后通过工具栏、快捷菜单或是拖拉的方式重新排列模块。

?

在模块上双击鼠标打开模块，像设计页面一样拖拉控件到线框图面板中进行模块设计。

3. 在页面中使用模块

只要拖拉模块面板中的模块到线框图中，就可以在页面或另外模块中应用模块。拖入到线框图中后，根据模块特性，模块对象会有淡红或灰色的遮罩，执行菜单 “Wireframe->Mask Masters”可以移除遮罩。

模块预设行为（Behavior）是“Normal”，可以在模块面板中的模块上点鼠标右键，然后利用“Behavior”子菜单将它的行为修改为“Place In Background”或“Custom Widget”。

模块的行为说明如下：

Normal：模块可以被移动与放置在线框图中的任何地方，对模块修改后，所做的修改会在该模块的所有使用实例中反映出来。

Place in Background：模块应用在线框图中时，会处于线框图的最底层并被锁定，所包含控件的位置与在模块中的位置相同，常用于作为模板、布局、底板。 Custom Widget：模块应用在线框图中时，模块中的控件与模块失去关联，模块中的控件可以像一般控件一样进行编辑，就好像只是进行了复制。常用于创建具有自定义属性、注释和交互的自定义控件库，例如：具有白色文字的蓝色按钮。 2.4 控件交互面板(Annotations & Interactions)

控件交互面板用于定义线框图中控件的行为，包含定义简单的链接和复杂的RIA行为，所定义的交互都可以在将来生成的原型中进行操作执行。在控件交互面板中可以定义控件的交互，交互由事件（Events）、场景（ Cases）和动作（Actions）组成：

?

用户操作界面时就会触发事件，如鼠标的OnClick、OnMouseEnter和OnMouseOut；

? ?

每个事件可以包含多个场景，场景也就是事件触发后要满足的条件； 每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。

事件、场景及动作的关系图 1. 事件名称

目前Axure RP 5支持的事件如下：

? ? ? ? ? ?

OnClick：鼠标点击

OnMouseEnter：鼠标的指针移动到对象上 OnMouseOut：鼠标的指针移动出对象外

OnFocus：鼠标的指针进入文字输入状态（获得焦点） OnLostFocus：鼠标的指针离开文字输入状态 （失去焦点） OnPageLoad：页面或模块载入

大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter 与OnMouseOut，一些特殊的控件可触发的事件有些不同：

? ? ?

按钮控件只有OnClick

单选框和复选框则具有OnFocus、 OnLostFocus

文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、

OnLostFocus

?

页面加载或模块被载入时则发生OnPageLoad

2. 动作名称

以下是 Axure所支持的动作：

? ? ? ? ? ? ? ? ? ? ?

Open Link in Current Window：在当前窗口打开一个页面 Open Link in Popup Window：在弹出的窗口中打开一个页面 Open Link in Parent Window：在父窗口中打开一个页面 Close Current Window：关闭当前窗口 Open Link in Frame：在框架中打开一个页面

Set Panel state(s) to State(s)：为动态面板设定要显示的状态 Show Panel(s)：显示动态面板 Hide Panel(s)：隐藏动态面板

Toggle Visibility for Panel(s)：切换动态面板的显示状态（显示/隐藏） Move Panel(s)：根据绝对坐标或相对坐标来移动动态面板

Set Variable and Widget value(s) equal to Value(s)：设定变量值或控件值

? ? ? ? ?

Open Link in Parent Frame：在父页面的嵌框架中打开一个页面 Scroll to Image Map Region：滚动页面到Image Map所在位置 Enable Widget(s)：把对象状态变成可用状态 Disable Widget(s)：把对象状态变成不可用状态 Wait Time(s)：等待多少毫秒(ms)后再进行这个动作

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库Axure快速原型设计教程 - 图文(2)在线全文阅读。