Правильно масштабируйте изображения пользовательского интерфейса в Unity

Question

У меня есть png размером 150x100, и я установил для изображения UI то же самое, но оно создает кучу дополнительного пространства вокруг него (с которым можно взаимодействовать). Как это исправить?

Изображение проблемы: https://imgur.com/a/2ILXY1t

Answer 1

Unity не добавляет дополнительного пространства. Само изображение имеет это пространство.

Существуют варианты обрезки альфа-пространства в Unity с помощью редактора спрайтов, но по своему опыту я предпочитаю использовать подходящий редактор изображений, такой как Gimp. использование одного из них - лучший способ обработки ваших изображений.

Чтобы обрезать дополнительное пространство, вам просто нужно уменьшить размер холста.

Answer 2

Ну, во-первых, вы можете проверить (в Unity), имеет ли ваше изображение свойство Preserve Aspect, установленное на True. Вы можете нажать Set Native Size, который находится прямо под ним, так что «рамка» вокруг вашего изображения примет его размер.

Правка: не обращайте внимания на первые два. Я не знаю, почему я думал, что они могут решить эту проблему, я снова посмотрел на ваше изображение, и я тоже думаю, что есть прозрачные пиксели над и под ним. Поэтому вы должны попробовать это:

Затем вы можете проверить, есть ли вокруг изображения прозрачные пиксели, используя графический редактор. Если это так, вам придется их вырезать.