2.4.1 菜单栏和工具栏

Axure RP 9菜单栏的“文件”和“编辑”菜单比较直观，与Office系列软件的操作类似，具有自解释的特点，所以，在此只重点讲解一下Axure RP 9特有的菜单。

1.“布局”菜单

该菜单项主要用于进行页面元件的布局。

1）将多个元件变成一个组：选择多个元件后，在菜单栏选择“布局”→“组合”命令，或者使用〈Ctrl+G〉快捷键，取消组合可使用“布局”→“取消组合”命令，或者使用〈Ctrl+Shift+G〉快捷键。

2）将某个元件置为顶层/底层：选择某个元件后，在菜单栏选择“布局”→“置为顶层”命令，或使用〈Ctrl+Shift+]〉快捷键。

如当前有三个不同颜色原型元件，其中绿色圆形元件位于最下方，如图2-7所示。

选择图2-7 最下方的绿色圆形，在菜单栏选择“布局”→“置为顶层”命令，或使用〈Ctrl+Shift+]〉快捷键，可将绿色圆形的元件放置在最上方，操作后效果如图2-8所示。

将某个元件置为底层的方法与此类似，不过选择的是“布局”→“置为底层”命令，或使用〈Ctrl+Shift+[〉快捷键。

3）将某个元件上移/下移一层：选择某个元件后，在菜单栏选择“布局”→“上移一层”命令，或使用〈Ctrl+]〉快捷键。例如选择图2-7 绿色圆形元件进行该操作，可将该元件上移一层，此时它位于灰色和蓝色圆形的元件之间，操作后如图2-9所示。

将某个元件下移一层的方法与此类似，不过选择的是菜单栏的“布局”→“下移一层”命令，或使用〈Ctrl+[〉快捷键。

4）设置元件对齐方式：选择多个元件后，在菜单栏可选择“布局”→“对齐”命令，Axure RP 9提供6种对齐方式，在选择多个元件后按照想要的方式进行对齐操作，如图2-10所示。

5）设置元件分布方式：包括水平方向平均分布和垂直方向平均分布方式，选中多个元件后，在菜单栏可分别选择“布局”→“分布”→“水平分布”命令和“布局”→“分布”→“垂直分布”命令进行操作。当垂直方向的多个元件进行垂直分布操作后，元件之间的垂直距离相同。当水平方向的多个元件进行水平分布操作后，元件之间的水平距离相同。

6）锁定/解锁元件的位置和大小：为了在操作其他元件时不影响某个元件，可将该元件设置为锁定状态，在菜单栏选择“布局”→“锁定”→“锁定位置和尺寸”命令，或使用〈Ctrl+K〉快捷键操作，锁定后的元件暂时不能移动位置。解除锁定状态的操作，可在菜单栏使用“布局”→“锁定”→“解除锁定位置和尺寸”命令，或使用〈Ctrl+Shift+K〉快捷键。

7）将元件设置为母版：若某个或多个元件需要多次被使用，为了一次修改，处处更新，可将它们设置为母版。可在选择某个元件后，在菜单栏选择“布局”→“转换为母版”命令，母版内容将在后续章节详细讲解。

8）将元件设置为动态面板：若某个元件创建后发现有多种不同状态，需要根据不同的事件切换不同状态或调整面板大小，可将该元件设置为动态面板。可在选择某个元件后，在菜单栏选择“布局”→“转换为动态面板”命令，动态面板内容将在后续章节详细讲解。

2.“发布”菜单

该菜单主要用于预览、设置预览参数、生成HTML文件、将工程发布到Axure Share和生成Word说明书等操作。

下面对“发布”菜单下的常用操作进行介绍。

1）设置预览参数：在菜单栏选择“发布”→“预览选项”命令，或者使用〈Ctrl+F5〉快捷键，打开“预览选项”对话框，如图2-11所示。其中：

●选择预览HTML的配置文件：设置预览的HTML配置器，可单击“配置”按钮，配置更多高级选项，如手机终端设备的配置。

●“打开”→“浏览器”：用于设置浏览器，可使用默认的浏览器，也可选择不打开浏览器，还可从本系统安装的浏览器中选择，如IE浏览器、火狐浏览器或谷歌浏览器等，建议使用谷歌或火狐浏览器。若选择的是“默认浏览器”时，使用〈F5〉快捷键预览时将使用默认浏览器打开。

●“打开”→“工具栏”：用于设置预览时，有开启、关闭、最小化、不加载工具栏。

2）预览：在菜单栏选择“发布”→“预览”命令，或者使用〈F5〉快捷键，可按照设置的预览参数预览原型，预览效果如图2-12所示。

3）生成HTML文件：在菜单栏选择“发布”→“生成HTML页面”命令，或者使用〈F8〉快捷键，打开“生成HTML”对话框，如图2-13所示。

生成HTML文件的内容后续将会有专门的章节进行讲解，在此不再赘述。

4）发布项目到Axure Share：Axure RP提供Axure的共享官网，可将本地的原型项目上传。在菜单栏选择“发布”→“发布到Axure Share”命令，或者使用〈F6〉快捷键，“发布到Axure Share”对话框如图2-14所示。

单击图2-14 的“发布”按钮，开始将项目的文件上传到Axure共享发布服务器，上传成功后会提示访问地址。发布到Axure Share的内容后续将会有专门章节进行讲解。