新增:智能动画 — 为您的原型带来动感。 了解更多

跳过导航

编辑形状

最后更新于 2023 年 8 月 30 日
阅读时间:7 分钟

编辑形状

观看课程

在检查器中编辑形状

一些形状具有独特的自定义选项,您可以在检查器中找到它们。例如,您可以使用箭头 箭头 形状选择不同的起点和终点样式。或者,如果您添加了一个多边形 多边形 或一个星形 星形 形状,您可以分别使用滑块调整边数和点数。

如何在检查器中编辑多边形的角和边

编辑角

要调整角的大小,请选择一个形状并悬停在其上以显示圆形角半径手柄,它们位于形状内侧。拖动任何手柄可将所有角更改为相同大小。您还会看到角大小的数值随着拖动而改变。

看不到任何角手柄?您的形状可能太小,无法显示手柄。尝试放大您的形状。

要为一个或多个角分配特定值,请在检查器的“角”部分中选择“单个角” 角(单个) 模式。

拖动角手柄以调整矩形中的所有角

如果您直接从画布中进行操作,您也可以按住 键以仅调整您正在拖动的角。

按住 Command 键拖动以调整单个角

当您拖动一个角时,您也会调整相同大小的其他角。这样,您可以轻松地同时控制一对角,或选中一个角并编辑其他三个角。

当您拖动一个角时,您也会调整相同大小的其他角

在检查器中编辑角

当您编辑矩形角时,可以在检查器的“角”面板中在“单个” 角(单个) 和“统一” 角(统一) 模式之间切换。

  • 单个模式:您会发现四个输入字段,以 2x2 的布局排列,与未旋转矩形中每个角的位置相匹配。
An image showing the Corners panel in the Inspector, with Individual mode enabled

检查器中的“角”面板,启用“单个”模式

请记住,滑块会忽略零值。例如,如果您有两个角的值设置为 8,两个角的值为 0,则使用滑块只会调整非零角的大小。

  • 统一模式:当您从“单个”模式切换到“统一”模式时,默认情况下,我们将选择矩形中四个角中的最大值。但是,如果您在“单个”模式下选择了角输入字段,然后切换到“统一”模式,我们将使用该输入作为矩形中的新统一值,即使它不是最大值。

如何切换到“统一”模式并编辑角

选择角样式

您可以应用多种角样式(平滑、圆角、斜角、内方形和内圆弧),更改图层的角外观。在编辑任何形状时,转到检查器的“角”部分,然后从下拉菜单中选择所需的样式。

平滑角具有曲率连续性,使您可以创建 Apple 在其界面中使用的“方圆形”

您可以从检查器中的“角”面板应用不同的角样式

翻转形状

您可以使用检查器中的两个按钮将形状水平翻转 垂直翻转 或垂直翻转 水平翻转。这些状态将保持选中状态(因此您可以再次单击以撤消更改),除非您使用“图层”>“合并”>“扁平化”将形状扁平化。

如何通过检查器垂直翻转形状

旋转形状

您可以通过按住 键并拖动其中一个选择手柄来快速旋转您选择的任何形状。

按住 Command 键拖动选择手柄以快速旋转形状

在以 15° 增量旋转形状时按住 键。

要旋转形状,可以在检查器中以度为单位输入一个值。输入正值或负值分别以顺时针或逆时针方向旋转形状。

或者,选择一个形状并按 R,然后单击并拖动形状外部的任何位置以旋转它。

通过检查器输入值来旋转形状

要更改形状旋转的轴,只需单击并拖动其中心的十字线到您要围绕其旋转的点即可。要重置中心点,只需再次选择您的形状即可。

单击并拖动形状的中心点十字线以更改其旋转轴

您可以通过使用“图层”>“合并”>“扁平化”将形状扁平化来提交更改并将旋转值重置为 0°。

在矢量编辑模式下编辑形状

有关使用矢量编辑工具的完整指南,请转到 矢量编辑 部分。

要在矢量编辑模式下编辑形状,请双击它,或选择它并按“回车” 键。

当您进入矢量编辑模式时,您将看到圆形点通过路径连接在一起。单击任何点并拖动它们以更改图层的形状。

在矢量编辑模式下,单击并拖动一个点以更改图层的形状

要插入新点,请进入矢量编辑模式,将鼠标悬停在路径上并单击。要删除一个点,请选择它并按“删除” 键。

在矢量编辑模式下,单击形状的路径以插入新点

形状的不同点之间的路径可以是直线或贝塞尔曲线,具体取决于连接它们的点的类型。双击连接直路径的直点以将其更改为贝塞尔曲线点。

当您更改点以创建曲线路径时,可以使用出现的两个手柄控制点来调整曲线。

使用手柄控制点来调整贝塞尔曲线

通过选择“图层”>“合并”>“扁平化”将形状扁平化将在曲线的每一端创建点。

使用变换工具

使用变换工具 变换工具 来倾斜或更改形状。

选择一个或多个形状,然后转到“图层”>“变换”>“变换”。或者,使用键盘快捷键 T

变换工具 变换工具 在形状的每个角添加点,以及每个角之间的点。单击一个点并拖动它以变换和倾斜您的形状。

使用变换工具来倾斜或更改形状

如果您单击并拖动两个角之间的点,您将同时移动这两个角。

单击并拖动两个角之间的点以同时移动它们

当您单击并拖动角点时,相对角会同时向相反方向移动,具体取决于您是水平拖动还是垂直拖动。要仅控制单个角,请按住 键。

使用剪刀工具

使用剪刀工具 剪刀工具 从形状中剪切路径。

选择要编辑的形状,通过“图层”>“路径”>“剪刀”启用剪刀工具,然后单击任何路径以删除它们。或者,打开工具栏中的“工具菜单” 工具,然后从那里选择剪刀工具 剪刀工具

请记住,剪刀工具仅影响线条或边框,而不影响填充。

与 Sketch 中的大多数工具一样,您可以通过“视图”>“自定义工具栏”将剪刀工具直接添加到工具栏中。

使用剪刀工具从形状中删除路径

完成绘制路径后,点击形状外部,或按 Escape Esc 或 Return 键。

使用“旋转复制”工具

“旋转复制”工具 Rotate Copies tool 可以将单个形状围绕一个点旋转复制。

选择一个形状,然后前往 **图层** > **路径** > **旋转复制**,输入要创建的复制数量,然后点击 **旋转**。

您也可以通过 **视图** > **自定义工具栏** 将“旋转复制”工具 Rotate Copies tool 直接添加到工具栏。

使用出现在中心处的控制柄来设置要放置复制的位置。完成后,按 Escape Esc 或 Return 键。

如何使用“旋转复制”工具

在 Mac 应用程序的 53.1 版本及更早版本中,“旋转复制”将创建复制的复合形状,类似于布尔运算的操作。要将形状转换成单独的图层,请使用 **图层** > **组合** > **分离**。