跳到主要内容

网格、参考线和捕捉

Axure RP画布包含许多功能来帮助你布局图表。 你可以显示和自定义背景网格以及垂直和水平参考线,这些参考线可以应用于特定页面,也可以全局应用于项目中的所有页面。 你可以将它们用作简单的视觉指南,也可以让你的部件自动与它们相互对齐。

注意

网格和参考线仅在Axure RP中可见,当你在网络浏览器中查看页面时,它们不会出现。

网格


你可以通过视图→标尺,网格和参考线并选中显示网格,在画布上显示点或线的网格。

无论网格是否可见,当你通过拖动移动或调整部件大小时,部件都会捕捉到该网格。 你可以通过取消选中视图→标尺,网格和参考线下的对齐网格来禁用此行为。

默认情况下,网格为10px x 10px的绘制点。 如果需要,你可以通过视图→标尺,网格和参考线→网格设置对话框中的选项设置自定义间隔,切换到线条,更改网格的颜色。

参考线


参考线是添加到画布上的线条,有助于标记应放置部件的位置。 你可以在视图→标尺,网格和参考线中切换各种参考线的可见性。

页面和全局参考线


页面参考线出现在项目的单个页面或组件中。 要将页面参考线添加到画布,请从其中一个标尺上单击并拖动,然后将参考线放置在所需的X或Y值处。 页面参考线默认为蓝绿色。
全局参考线类似于页面参考线,但是无论你当前正在使用哪个页面或组件,它们始终在画布上可见。 要创建全局参考线,请按住CTRL或CMD并从标尺中拖动。 全局指南默认为洋红色。

删除页面和全局参考线

要删除页面指南或全局参考线,请右键单击它,然后选择删除。 或者,你可以选择一个参考线或一组参考线,然后按键盘上的Delete键。

要一次删除页面上的所有参考线,请转至视图→标尺,网格和参考线→删除所有参考线。

提示

从一页删除全局参考线也会将其从项目的其他每一页中删除

创建参考线对话框


你可以使用视图→标尺,网格和参考线→创建参考线对话框一次创建一系列页面或全局参考线。 你可以为每个字段指定自己的值,也可以从对话框顶部的下拉列表中选择四个预设:
+ 960像素 网格: 12 列
+ 960 像素 网格: 16 列
+ 1200 像素 网格: 12 列
+ 1200 像素 网格: 15 列

锁定参考线

你可以锁定页面和全局参考线,使它们不能被移动或删除。 要锁定一个或多个参考线,请选择它们,单击鼠标右键,然后在上下文菜单中选择锁定。 你还可以通过检查视图→标尺,网格和参考线→锁定参考线,一次锁定项目中的所有参考线。

页面尺寸参考线

页面尺寸参考线显示了已定义页面尺寸的页面边界。 页面的顶部,左侧和右侧边界由出现在画布的视口区域周围的灰色蒙版标记,底部边界由虚线,褐红色线标记。

如果你在页面上使用自适应视图,则页面尺寸参考线将在你切换时视图时自动更新。

打印参考线


打印参考线显示了当前所选打印纸张尺寸的页面边界(可在文件→纸张尺寸和设置中找到),并且当你在纸张尺寸之间切换时,它们会自动更新。 默认情况下,打印参考线为灰色。

对齐参考线


当你在画布上拖动部件或对其进行调整大小时,它将自动捕捉到附近的所有参考线。 如果要禁用此行为,请转到视图→标尺,网格和参考线,然后取消选中对齐参考线。

底层显示参考线

默认情况下,参考线展示在画布上的部件前面,因此它们始终可见。 如果你希望将它们展示在元件后面,请打开视图→标尺,网格和参考线→参考线设置对话框,然后选中底层显示参考线。

标尺


你可以转到视图→标尺,网格和参考线,然后选中或取消选中显示标尺,以在画布的左边缘和上边缘切换标尺的可见性。

对齐部件



当你在画布上拖动部件或拖动以调整其大小时,其侧面和中点将自动捕捉到附近部件的侧面和中点。 发生这种情况时,将出现红色参考线,指示部件要吸附到什么以及相关的像素距离是什么。
你可以在视图→标尺,网格和参考线→部件对齐设置对话框中更改部件对齐向导的颜色并定义要对齐的部件的边距(例如,与附近的部件间隔25px时对齐)。
如果要禁用此行为,请转到视图→标尺,网格和参考线,然后取消选中对齐部件。