Axure-RP-8-交互原型设计案例教程第2章.pptxVIP

第2章图形元件AxureRP8交互原型设计案例教程（微课版）微课版

AxureRP将所有与设计原型的相关对象统称为元件（Widgets），并且专门存放于元件库面板中。AxureRP提供了三类元件库，分别是：默认、流程图和图标。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.1认识元件库面板

当图标数量太多而不容易查找某个图标时，可以使用元件的查找功能快速查找。单击元件库面板上的按钮，然后输入要查找的图标名称即可，如图2-1所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.1认识元件库面板图2-1查找元件

与一般的图形处理软件不同，AxureRP创建图形元件的方法是：使用鼠标从【元件库】面板中将某个元件拖到页面中。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.2使用图形元件

AxureRP提供了两种选择工具按钮：相交选择模式（【Ctrl+1】）和包含选择模式（【Ctrl+2】），这两个按钮可以在主工具栏上找到，如图2-2所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.3选择图形元件图2-2在页面上应用元件

除了使用选择工具选择对象外，还可以在页面上没有元件的位置右击鼠标，从弹出的快捷菜单中执行选择对象的命令，如图2-3所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.3选择图形元件图2-3选择对象的快捷菜单

1.使用鼠标变换使用鼠标变换对象时，最好使用选择工具。选择对象后，会出现一个绿色的边界框。鼠标指针放在边界框内按下左键拖动即可移动位置，鼠标放在4个角或者4条边处的小方格上，指针会变成双向箭头，此时可改变宽度和高度，如图2-4所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.4变换图形元件图2-4变换对象大小

使用鼠标旋转对象需先按下【Ctrl】键，然后将鼠标指针放在边界框周围8个小方格的任意一个上，此时鼠标指针变成弯曲箭头，按住鼠标左键拖动即可旋转对象，如图2-5所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.4变换图形元件图2-5变换对象的方向

2.使用样式工具栏变换在样式工具栏中，可以通过设置参数精确变换元件的位置和大小，如图2-6所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.4变换图形元件图2-6样式工具栏的变换参数

3.使用【样式】面板变换【样式】面板是【检视】面板的一个子面板，在该面板中，除了和样式工具栏一样可精确变换元件的大小和位置外，还可以精确旋转对象。选择多个图形元件对象时，在【样式】子面板中可以看到变换分成了两部分，上面的“位置+尺寸”针对的是选择的多个元件对象，也可以理解为将选择的多个对象作为一个整体来变换大小和位置；下面的“每个元件”针对的是选择的多个对象中的每个对象，如图2-7所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.4变换图形元件图2-7样式面板中的变换参数

镜像也可叫作翻转，分为水平镜像和垂直镜像。选择对象后，在【样式】子面板中只要单击【水平镜像】按钮和【垂直镜像】按钮即可实现镜像操作。除了使用【样式】子面板中的两个镜像按钮外，还可以在要镜像的元件上右击鼠标，从弹出的快捷菜单中执行【变换形状】→【水平镜像】或者【垂直镜像】命令。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.5镜像图形元件

在AxureRP中，锁定对象有两种方法。（1）使用锁定按钮：在主工具栏中可以找到【锁定】和【解除锁定】两个按钮，如图2-8所示。AxureRP8交互原型设计案例教程（微课版）第2章图形元件2.1图形元件的基本操作2.1.6锁定和解锁图形元件图2-8主工具栏的【锁定】和【解除锁定】按钮（2）使用菜单命令：执行【排列】→【锁定】→【锁定位置和尺寸】（【Ctrl+K】）或者【解除锁定位置和尺寸】（【Ctrl+Shift+K】）命令。

对齐至少要选择两个对象，分布至少要选择3个对象。在AxureRP中有3种方法可以完成对齐和分布。（1）使用主工具栏的按钮：AxureRP8交互原型设计案例教程（微课版）第2章图形元件2