图像和精灵

FCU 开发者指南中的“图像和精灵”文档,涵盖 Unity 项目的设置、配置、工作流程和故障排除。

1

Image Component

用于在场景中渲染精灵的组件。

你可以在资源页面的“DEPENDENCIES”选项卡中查看当前支持的图像资源列表。

有关使用这些资源的设计端详细信息,

请参阅“设计师手册”。

  1. UnityEngine.UI.Image - 内置
  2. Shapes2D.Shape - 来自 Shapes2D 资源;
  3. MPUIKIT.MPImage - 来自 Modern Procedural UI Kit 资源;
  4. UnityEngine.UI.ProceduralImage - 来自 Procedural UI Image 资源;
  5. UnityEngine.UI.RawImage - 内置
  6. UnityEngine.SpriteRenderer - 内置
  7. DTT.UI.ProceduralUI.RoundedImage - 来自 Procedural UI 资源;
  8. Nova.UIBlock2D - 来自 Nova 资源;
  9. Unity.VectorGraphics.SVGImage - 来自 Vector Graphics 资源。
2

程序化条件

以下情况下会使用 UI.Image 组件,而不是程序化图像组件:

  1. 组件以精灵形式导入,因为它是精灵,而不是可通过程序化方式绘制的简单形状。
  2. 它是没有圆角的简单矩形,也可由 UI.Image 绘制。
3

SVG 条件

以下情况下会使用 UI.Image 组件,而不是矢量图像组件:

  1. 对象是 Image、Emoji 或 Video。
  2. 组件或其子项包含任何效果。

根据 Vector Graphics 资源文档,目前不支持矢量图像中的效果。

4

Image Format

下载图像的格式。可为 PNGJPG

5

Image Scale

下载图像的缩放比例。

此选项与从 Figma 导出图像时的同名选项完全相同。

6

Pixels Per Unit

将分配给所有已导入精灵的值。

使用“SpriteRenderer”组件时会忽略此值,并改用“Image Scale”值处理精灵。

7

Redownload Sprites

启用后,资源会在每次导入时下载并覆盖精灵,即使这些精灵已经下载过。

8

Download if Multiple Fills

启用后,如果组件同时具有多个填充,或同时具有填充和轮廓,则会下载该组件。

禁用后,资源会尝试使用所选 Unity 组件(例如 UI.Image)渲染此 Figma 组件。换言之,不会下载该 Figma 组件。

9

Download Unsupported Gradients

启用后,如果所选 Unity 组件不支持某种渐变类型,则会将 Figma 组件下载为 PNG/JPG 图像。

禁用后,资源会尝试渲染此 Figma 组件。

10

Preserve Ratio Mode

启用后,导入期间会为所有 Image 组件启用“Preserve Ratio Mode”功能。

11

Sprites Path

下载精灵的文件夹路径

点击带有三个点的按钮,可设置自定义路径。

12

Unity Image Settings

Image Component”中所选组件的专用设置。

此部分会根据所选组件而变化。

13

Texture Importer Settings

Sprite Inspector 中应用于精灵的设置。

有关 TextureImporter 设置的更多信息,请参阅 TextureImporter 文档

如果使用“SVG Image”组件,将显示“SVG IMPORTER SETTINGS”部分。

有关 SVG Importer 设置的信息,请参阅 Vector Graphics 文档