跳到主要内容

N 切片(N-Slicing)

什么是 N 切片?(What is N-Slicing?)

Rive 的 N 切片功能受到游戏设计中常用的 9 切片技术的启发。9 切片通常应用于图像,以防止调整大小时四个角段缩放。同时,剩余的五个内部段会拉伸或平铺,允许栅格图稿在放大和改变比例时不会失真。

N 切片更进一步;允许您在 Rive 中为栅格和矢量图稿创建任意数量的段。

创建 N 切片(Creating an N-Slice)

有两种类型的 N 切片 — 应用于图像的和以组形式应用于矢量对象的。虽然它们之间的大部分功能是共享的,但从应用方式开始就有一些细微的差异。

图像/栅格 N 切片

  1. 选择要应用 N 切片的图像。
  2. 在检查器的变形部分中选择添加操作并选择 N 切片选项。或者,在舞台或层级中右键点击图像,在变形子菜单中导航到 N 切片选项。
  3. 创建后,N 切片将进入编辑模式。在这里,您可以设置定义图像缩放行为的轴和平铺模式。首先,根据需要定位和/或创建轴。完成后,选择检查器或舞台提示中的"完成"操作。在下面的"设置 N 切片"部分了解更多关于如何最好地设置 N 切片的信息。
  4. 要返回编辑模式,请在检查器或右键菜单中选择"编辑 N 切片"操作。

组/矢量 N 切片

  1. 如果您的选择已经包含在组中,在舞台或层级中选择该组,并使用检查器中的"转换为 N 切片"操作。或者,选择要包装在 N 切片组中的舞台对象,并选择检查器中的"N 切片选择"操作。您也可以通过右键点击舞台或层级中的项目并导航到"包装在"子菜单来访问此选项。
  2. 选中 N 切片组后,使用检查器中的"编辑 N 切片"选项(或按 enter)启用编辑模式。在这里,您可以设置轴和平铺模式。完成后,选择检查器或舞台提示中的"完成"操作。在下面的"设置 N 切片"部分了解更多关于如何最好地设置 N 切片的信息。

设置 N 切片(Setting up an N-Slice)

选中图像或 N 切片项后,使用检查器操作、右键菜单或 enter 键进入编辑模式。编辑模式允许您更改轴和平铺模式的配置,以定义图像或组如何缩放。

我们建议在缩放图像或更改组大小之前设置 N 切片。虽然可以在已缩放的图像上调整轴,但准确定位新轴可能会更困难。

N 切片中段的缩放行为交替进行,从固定段开始。对于常规的 9 切片,这会导致一个固定段,然后是一个缩放段,最后是另一个固定段。这种行为应用于两个轴。您可以通过编辑模式下显示的实线蓝色边框识别固定段。同时,缩放段通过虚线边框识别。

创建和定位轴

默认情况下,新的 N 切片创建时有 4 个轴 — 2 个垂直和 2 个水平。它们一起将内容分成 9 个段。点击并拖动现有轴来重新定位它们,或在检查器中调整它们的值。值可以定义为点数或百分比。

要创建新轴,从图像或组的外边界点击并拖动。您可以通过位于每个边缘的白色手柄识别边界。默认情况下,新轴将创建一个镜像对应轴。这有助于维持固定/缩放的交替行为。但是,如果您更喜欢创建单个轴,请在拖动新轴之前按住 command / control

在拖动新轴时按住 command / control 可以防止同时创建镜像对应轴。

设置平铺模式

平铺模式只能在基于图像/栅格的 N 切片上更改。

平铺模式决定了缩放段的行为。有 3 种平铺模式选项可供选择:

  • 拉伸(Stretch): 在调整图像大小时拉伸该段。
  • 重复(Repeat): 在调整图像大小时重复平铺该段。
  • 隐藏(Hidden): 完全隐藏该段,不进行渲染。

除了"隐藏"之外的平铺模式对固定段没有任何效果。

要更改段的平铺模式:

  1. 选中图像或其 N 切片后,使用检查器中的"编辑 N 切片"选项(或按 enter)启用编辑模式。
  2. 通过在舞台上选择来识别要更改的段。相应的平铺将在检查器中高亮显示。
  3. 通过检查器中的下拉菜单设置平铺模式。