Outline

这是 Unity UGUI 的 Outline 描边组件。

它的作用是：给 UI Graphic 复制多层偏移颜色，从而形成文字或图片描边。它常用于提高文字在复杂背景上的可读性。

截图字段解释

Effect Color：描边颜色。 截图中是黑色。常见搭配是白字黑边、黄字深边、红字深边。Alpha 越低，描边越淡。

Effect Distance：描边偏移范围，也可以理解成描边厚度。 X 控制左右方向的偏移厚度，Y 控制上下方向的偏移厚度。 截图中 X = 1，Y = -1，属于比较轻的描边。

Use Graphic Alpha：是否使用原图形的透明度。 勾选后，原文字 / 图片变透明时，描边也会一起变透明。做 UI 淡入淡出时通常建议勾选。

实现原理

原 UI 图形
  ↓
向多个方向复制几份
  ↓
改成 Effect Color
  ↓
叠在原图形后面
  ↓
形成描边效果

所以 Outline 不是真正的矢量描边，而是“多方向复制 + 改色 + 偏移”。

适合用在哪里

标题文字、分数、伤害数字。 白字放在复杂背景上。 需要强可读性的按钮文字。 小游戏、休闲游戏 UI。 图标也可以加轻描边。

Outline 和 Shadow 区别

Outline：向多个方向复制，形成一圈描边，强调可读性。 Shadow：向一个方向复制，形成阴影，强调层次感。

代码设置

using UnityEngine;
using UnityEngine.UI;

Outline outline = GetComponent<Outline>();
outline.effectColor = new Color(0, 0, 0, 0.8f);
outline.effectDistance = new Vector2(1, -1);
outline.useGraphicAlpha = true;

一句话记：Outline 不是真正矢量描边，而是把 UI 图形向多个方向复制；Effect Color 管描边颜色，Effect Distance 管描边厚度。