对齐图层

相关课程

对齐图层

观看课程

您可以使用检查器中**设计**选项卡顶部行中的六个对齐按钮来对齐图层。

以下视频展示了在画板上对单个图层进行基本对齐选项。 如果您在画板之外选择单个图层，则无法使用对齐工具。

将鼠标悬停在任何对齐按钮上都会预览所选图层的对齐方式。 如果您选择了多个图层，这将特别有用。

图层始终与其父级对齐。 父级的示例是包含单个图层的画板 - 在这种情况下，画板是父级。 但是，如果您的画板包含一个包含要对齐的图层的组，则该组是父级。

在下面的示例中，画板是其中所有图层的父级，因此选择绿色圆圈并将其与左上角对齐将使其与画板的左上角对齐。

在下一个示例中，绿色圆圈、粉红色矩形和橙色三角形是画板内组的一部分，因此对齐绿色圆圈会将其与组的边界对齐，而不是与画板的边缘对齐。

画板、组和组合形状都是它们包含的任何图层的父级。

要将单个图层对齐到画板而不是其父组或组合形状，请选择图层并按住 ⌥，然后单击要使用的对齐按钮。

如何对齐多个图层

如果选择两个或多个图层并应用对齐选项，它们的对齐方式将基于选择范围的边界边缘。 例如，如果选择将图层左对齐，则所有图层将与最左侧图层的最左侧边缘对齐，右对齐则相反。 使用居中选项将计算所有图层的中心点并将它们沿其对齐。

在下面的示例中，所有图层都被选中，然后与左上角对齐。 这会将所有图层对齐到原始选择的顶部和左侧范围，而不是画板

要覆盖此行为并将多个选定的图层与其所在的画板对齐，请选择图层，按住 ⌥，然后单击要使用的对齐按钮。

与参考图层对齐

要将对象与特定的参考图层对齐，请选择要对齐的所有图层（包括参考图层）。 再次单击参考图层 - 这将显示更粗的轮廓 - 然后使用所需的对齐选项。

水平和垂直分布图层

您可以使用**设计**选项卡中检查器顶部行中的前两个按钮水平 或垂直 均匀分布图层。 为此，请选择三个以上的图层，然后选择一个分布图层选项。

当您分布图层并且您正在使用像素拟合时，有时 Sketch 无法在仍然遵守像素级别对齐的情况下均匀地放置图层。 在这些情况下，您可以选择

• **不均匀分布：** 保持像素级别的对齐，这可能会导致图层的分布方式略有不同
• **放置在子像素上：** 使分布精确，这意味着以子像素级别的对齐方式放置图层

以下示例显示了四个水平分布图层的预览。

使用整理对齐图层

您可以使用**整理**按钮快速将多个图层对齐成均匀分布的行和列的整齐网格，您可以在检查器的右上角，设计选项卡中找到该按钮。

选择要对齐的图层，然后单击**整理**按钮 - 或者先将鼠标悬停在按钮上以预览更改的外观。 您的网格将填充您的选择空间，Sketch 将尝试在行和列中均匀地排列图层。 整理适用于水平和垂直轴。

如果图层大致在单个列或行中，您也可以在不先使用整理的情况下，在**整理**按钮旁边的字段中输入您喜欢的垂直或水平间距。

制作网格

要制作网格，请选择一个图层并转到**排列** > **制作网格** - 或拖动右下角的控点 - 以编辑网格中的列数和行数。 使用控点编辑图层之间的间距。 您还可以使用检查器中的控件来编辑网格中的单元格数量和间距。

您可以从多个图层制作网格。 确保您的图层均匀对齐，选择它们并拖动右下角控点以制作您的网格。

使用智能分布移动多个图层

使用智能分布，您可以快速调整多个图层之间均匀的水平或垂直间距。 为此，请选择两个或更多图层，然后单击并拖动它们之间显示的控点。 如果您的图层排列在网格中，您可以调整水平行中每个图层之间的间距，以及行本身之间的垂直间距。

如果您的图层没有均匀分布，则智能分布将不会显示。 要解决此问题，您可以手动均匀分布您的图层或使用**整理**按钮。

对于非常小的选择，或者当您从选择中远远缩小时，智能分布控点将被隐藏，从而更容易看到图层。 如果您无法看到选择的智能分布图层集，请尝试放大。

在智能分布选择中重新排序图层

当您选择一组间距均匀的图层时，您可以单击并拖动出现在任何图层中心的圆形控点，以在该选择中移动它。 它周围的图层将自动重新排序以适应您移动的图层。

这也适用于整个画板，使其便于重新排列画布上的整个流程。

在网格状布局中重新排序图层

您可以在网格布局中重新排序图层，而无需更改网格中的行数或列数。 选择网格中的所有图层，然后拖动出现在任何图层中心的圆形控点以将其与另一个交换。

当您选择作为间距均匀的组的一部分的单个图层时，您可以使用智能分布控件移动它并调整间距。

相对于画板边缘定位图层

您可以通过在 X 或 Y 字段中使用运算符来相对于画板的边缘精确定位图层。 在 X 或 Y 字段中添加 l、r、t、b 或 c/m 运算符，以将它们从它们所在的画板的左侧、右侧、顶部、底部和中心/中间位置精确定位到指定的像素数。