Unity3D :设置背景图像

推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生

设置背景图像

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

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

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

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

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

图像导入设置

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

质地

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

属性:值:
纹理类型违约
非 2 的幂
压缩
阿尔法是透明度
纹理类型编辑器 GUI 和旧版 GUI
非 2 的幂
压缩
阿尔法是透明度
纹理类型精灵(2D 和 UI)
压缩
阿尔法是透明度
精灵模式
网孔类型

精灵

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

属性:值:
纹理类型精灵(2D 和 UI)
压缩
阿尔法是透明度
精灵模式多个如果文件包含多个精灵,则单个,否则为单个
网孔类型

矢量图像

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

属性:值:
生成的资产类型UI 工具包矢量图像
曲面细分设置基本
目标分辨率产生令人满意结果的最低值

提示

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

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

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

要对图像进行 9 切片:

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

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

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

还可以直接在 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)

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号