【问题标题】:Properly Scale UI Images in Unity在 Unity 中正确缩放 UI 图像
【发布时间】:2020-05-04 12:35:03
【问题描述】:

我有一个大小为 150x100 的 png,我将 UI 图像设置为相同,但它在它周围产生了一堆额外的空间(可以与之交互)。我该如何解决这个问题?

问题图片:https://imgur.com/a/2ILXY1t

【问题讨论】:

  • 您能否在 Inspector 中显示您对 Image 组件和纹理导入设置的设置?
  • @derHugo 问题是我的图像/图形有额外的透明图块,如下所示。

标签: c# image unity3d user-interface


【解决方案1】:

Unity 不会增加额外的空间。图片本身就有这个空间。

在 Unity 中可以使用 sprite 编辑器裁剪 alpha 空间,但根据我的经验,我更喜欢使用合适的图像编辑器,如 Gimp。使用一个是处理图像资产的最佳方式。

要裁剪掉多余的空间,您只需减小画布大小即可。

【讨论】:

  • 如何在精灵编辑器中统一裁剪出“alpha 空间”?
  • 遗憾的是我并没有真正使用精灵编辑器,但似乎另一种选择是使用脚本来操作精灵的 LineRenderer:theappguruz.com/blog/crop-2dsprite-unity
【解决方案2】:

好吧,首先您可以检查(在 Unity 中)您的 Image 是否将其属性 Preserve Aspect 设置为 True。 你可以点击它正下方的Set Native Size,这样你图片周围的“框”就会变成它的大小。

编辑:不要介意前两个。我不知道为什么我认为他们可以解决它,我再次查看了您的图像,我也认为它的上方和下方都有透明像素。所以你应该试试这个:

然后您可以使用图像编辑器检查您的图片周围是否有任何透明像素。如果有,您需要将它们剪掉。

【讨论】:

  • 我应该尝试使用什么?
  • 我喜欢paint.net,因为它免费并且在我看来易于使用。您也可以使用许多其他工具,例如 gimp。
猜你喜欢
  • 2011-05-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-20
  • 2020-10-12
  • 1970-01-01
  • 2018-05-08
相关资源
最近更新 更多