user-interface - mask UI 图像/原始图像

Question

我最近遇到了一个 UI 问题。我打开了一个新的 2D 项目并创建了一个带有图像组件的游戏对象的 Canvas 。然后我通过右键单击 Assets > Create > Sprites > Circle 添加了一个 Sprite 。 .这在我的 Assets 文件夹中添加了一个圆形 Sprite 。

问题是当我为 Image 组件选择 Source Image 作为圆圈时，它仍然显示为一个矩形。


圆形 Sprite 被导入为纹理类型的 Sprite 。

这个问题也发生在其他形状上，例如三角形。

我正在使用 Unity 5.6.0b9 个人版。构建目标是 PC、Mac、Linux Standalone。

我可能错过了一些非常简单的东西。任何帮助表示赞赏!

Answer 1

它不是那样工作的。 Assets > 创建 > Sprite 菜单下的圆形和所有其他类型的 Sprite 是 只有与 SpriteRenderers 一起工作.如果您使用 GameObject--> 2D Object--> Sprite 中的 SpriteRenderer，这会起作用。它们不适用于 UI。

对于 UI，这必须通过 Mask 来完成。成分。只需获取任何圆形图像，然后使用它从目标方形图像中切出圆形。

创建一个名为“TargetSquare”的 UI 图像，它是您想要四舍五入的图像。

复制它，然后将其命名为“MaskCircle”，然后调整其大小以使其小于“TargetSquare”，直到该圆形成为您想要的形状。

使“MaskCircle”对象成为“TargetSquare”对象的父对象，然后使用 this我制作的圆形雪碧作为它的源图像。

附上 Mask组件到“MaskCircle”对象。

完毕。您的“TargetSquare”对象将具有“MaskCircle”对象的形状。

如果边缘有锯齿，请选择用于“MaskCircle”图像的 Sprite ，然后确保禁用 Mipmap。