HI~您好,欢迎您访问"北京金科合创软件官方网站",购买正版软件、海外正版软件商城就选金科软件(Goldk Software) 咨询热线:15210221926  金科软件-国内外正版软件服务商
您的位置: 首页>技术支持>AxureRP

Axure RP 网格、参考线和捕捉功能介绍

发布时间:2021-12-22 18:12:31点击量:

网格、参考线和捕捉
Axure RP 画布包括许多功能,可帮助您布置图表。您可以显示和自定义背景网格以及可以特定于页面或全局应用于项目中所有页面的垂直和水平参考线。您可以将它们用作简单的视觉指南,或者让您的小部件自动对齐它们并相互对齐。



网格和指南仅在 Axure RP 中可见;当您在网络浏览器中查看您的页面时,它们不会出现。

网格



您可以通过转到“查看”→“标尺、网格和参考线”并选中“显示网格”,在画布上显示点或线的网格。
无论网格是否可见,当您通过拖动移动或调整小部件的大小时,小部件都会捕捉到它。您可以通过取消选中View → Rulers, Grid, and Guides下的Snap to Grid来禁用此行为。
默认情况下,网格为 10px x 10px 并绘制为点。如果需要,您可以设置自定义间隔,切换到线条而不是点,并使用排列 → 标尺、网格和参考线 → 网格设置对话框中的选项更改网格的颜色。

指南
指南是添加到画布的线条,有助于标记小部件应放置的位置。您可以在视图 → 标尺、网格和参考线中切换各种类型参考线的可见性。
页面和全局指南
页面指​​南显示在项目中的单个页面或组件上。要将页面指南添加到画布,请从标尺之一单击并拖动,然后将指南放在所需的 X 或 Y 值处。默认情况下,页面指南是蓝绿色的。
全局指南类似于页面指南,但无论您当前正在处理哪个页面或组件,它们始终在画布上可见。要创建全局参考线,请在从标尺拖动时按住CTRL或CMD。全局指南默认为洋红色。



删除页面和全局指南
要删除页面指南或全局指南,请右键单击它并选择删除。或者,您可以选择一个指南或一组指南,然后按DELETE键盘上的 。
要一次删除页面上的所有参考线,请转到查看 → 标尺、网格和参考线 → 删除所有参考线。
从一个页面中删除全局指南也会将其从项目中的所有其他页面中删除。
创建指南对话框
您可以使用视图 → 标尺、网格和参考线 → 创建参考线对话框一次性创建一系列页面或全局参考线。您可以为每个字段指定自己的值,也可以从对话框顶部下拉列表中的四个预设中进行选择:
•960 格:12 列
•960 格:16 列
•1200 格:12 列
•1200 格:15 列



锁定指南
您可以锁定页面和全局指南,使其无法移动或删除。要锁定一个或多个参考线,请选择它们,右键单击,然后在上下文菜单中选择锁定。您还可以通过选中View → Rulers, Grid 和 Guides → Lock Guides一次锁定项目中的所有指南。
页面尺寸指南



页面尺寸指南显示您已为其定义页面尺寸的页面边界。页面的顶部、左侧和右侧边界由出现在画布视口区域周围的灰色蒙版标记,底部边界由栗色虚线标记。
如果您在页面上使用自适应视图,则页面尺寸指南将在您在视图之间切换时自动更新。
打印指南
打印指南显示当前所选打印纸张尺寸的页面边界(可在文件 → 纸张尺寸和设置中找到),并且在您在纸张尺寸之间切换时会自动更新。打印指南默认为灰色。



对齐指南
当您在画布上拖动小部件或拖动以调整其大小时,它会自动捕捉到附近的任何参考线。如果您想禁用此行为,请转到View → Rulers, Grid, and Guides,然后取消选中Snap to Guides。



后面的渲染指南



默认情况下,指南在画布上的小部件前面呈现,以便它们始终可见。如果您希望它们在小部件后面呈现,请打开视图 → 标尺、网格和指南 → 指南设置对话框,然后选中Back中的Render Guides框。
标尺
您可以通过转到“查看”→“标尺、网格和参考线”并选中或取消选中“显示标尺”来切换画布左侧和顶部边缘标尺的可见性。
对齐小部件
当您在画布上拖动小部件或拖动以调整其大小时,其边和中点将自动捕捉到附近小部件的边和中点。发生这种情况时,会出现红色参考线,指示小部件捕捉到的内容以及相关的像素距离是多少。
您可以在“视图”→“标尺、网格和指南”→“小部件捕捉设置”对话框中更改小部件捕捉指南的颜色并定义小部件要捕捉到的边距(例如,在距离附近小部件 25 像素时捕捉)。
如果您想禁用此行为,请转到View → Rulers, Grid, and Guides,然后取消选中Snap to Widgets。

上一篇:Axure RP小部件库

下一篇:AxureRP 图像小工具使用教程

微信公众号

  • 回到顶部
  • 15210221926
  • Goldk-AGE
  • 微信公众号