推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT简石数字孪生

设置背景图像

UI 生成器没有专用的“图像”元素。要创建映像，请执行以下操作：

1. 将背景图像导入到项目中。
2. 在 UI 生成器中创建常规可视元素。
3. 将元素的背景图像设置为导入的图像。

设置背景图像时，必须选择支持的背景图像类型：

• 纹理
• 精灵
• 渲染纹理
• SVG 矢量图像

注： 要将 SVG 图像用作可视元素的背景，必须安装软件包。为此，请在“包管理器”窗口中，从 git URL 安装包。com.unity.vectorgraphics

图像导入设置

将图像导入项目后，为了获得最直观的结果，Unity 建议您先应用纹理、精灵和矢量图像的某些导入设置，然后再将它们用作 UI 生成器中视觉元素的背景。

质地

用作视觉元素背景的纹理图像的建议导入设置：

精灵

用作视觉元素背景的精灵图像的建议导入设置：

矢量图像

用作视觉元素背景的 SVG 矢量图像的建议导入设置：

提示：

• 您可以将默认预设应用于按文件夹分配的资产，以自动设置所需的导入设置。
• 如果所有图像类型尚未在图集中，则它们都会受到动态图集的约束。（如果图像作为精灵导入且精灵模式设置为“多个”，或者您手动将其添加到精灵图集资源中，则图像位于图集中。您可以在面板设置资产中配置动态图集。

使用 UI 工具包的 9 切片图像

通常，您只能对常规 9D 精灵进行 2 切片。但是，使用 UI 工具包，您还可以对纹理、渲染纹理和 SVG 矢量图像进行 9 切片处理。

要对图像进行 9 切片：

• 对于精灵图像，请使用精灵编辑器或USS。
• 对于其他类型的图像，请使用 USS。

要使用USS对所选图像进行9切片：

1. 打开 UI 生成器 。
2. 在检查器的“背景”部分中，指定“左”、“右”、“上”和“下”切片值。

还可以直接在 USS、UXML 或 C# 文件中为以下属性指定切片值：

• -unity-slice-left
• -unity-slice-right
• -unity-slice-top
• -unity-slice-bottom

重要提示：

• 使用 USS 设置的切片值仅适用于关联可视元素中的图像。这些值不适用于其他视觉元素、其他 UI 文档或场景中使用的同一图像。
• 未设置的切片值为零。例如，如果设置了“上”、“下”和“右”切片属性，但将“左切片”留空，则“左切片”为零。
• 在USS中设置的切片值会覆盖在精灵编辑器中设置的切片值。对于上面的示例，无论您在精灵编辑器中向左切片添加什么值，左切片值均为零。

由3D建模学习工作室整理翻译，转载请注明出处！

上一篇：Unity3D ：定位元件 (mvrlink.com)

下一篇：Unity3D ：设置文本样式 (mvrlink.com)