Unity UI: растяжение изображения на дисплее

Question

У меня есть изображение (стратегическая карта игры), покоящееся в элементе Canvas, и я хочу, чтобы оно растягивалось на всю ширину или длину дисплея (который может иметь разные размеры или пропорции на разных устройствах), чтобы соотношение изображения сохраняется и при этом все изображение видно.

Независимо от того, что я настроил, изображение либо слишком маленькое, либо слишком большое, чтобы поместиться на дисплее.

Если я правильно понимаю, важны две группы настроек: (1) Положение изображения, его опорная точка, его якорь, его min и max x и y. (2) Режим масштабирования UI родительского холст-скейлера (который мне, вероятно, нужно «масштабировать с размером экрана»), его скользящая шкала x и y. Я что-то упустил? Потому что ни одна комбинация мне не подходит.

Вторичный вопрос: нужно ли играть в развернутом режиме, чтобы можно было его протестировать? Или он должен работать даже в не развернутом режиме?

Answer 1

Вот шаги для достижения того, что вы хотите с нуля:

1. Для простоты установите разрешение вашего игрового вида на основное разрешение, которое вы разрабатываете. Сейчас мы будем использовать 1920x1080.
2. Добавить холст к сцене.
3. Настройка параметров холста:
   • Режим рендеринга: наложение экрана
   • Режим масштабирования пользовательского интерфейса: масштаб с размером экрана
   • Режим соответствия экрана: развернуть
   • Справочное разрешение: 1920x1080 (аналогично игровому виду).
4. Добавьте изображение в качестве дочернего элемента вашего холста и добавьте к нему нужный спрайт.
5. Перетащите изображение так, как вы хотите, чтобы оно появилось, и закрепите его в центре.

В этот момент вы должны иметь возможность переключаться на другие разрешения в вашем игровом виде (например, 2048x1536 для iPad или 2960x1440 для Note 8), и изображение должно растягиваться без ущерба для его соотношения сторон. В зависимости от того, что именно вы хотите сделать, вам может потребоваться поэкспериментировать с режимом соответствия экрана.

Примечание: Изменение эталонного разрешения холста после факта может потребовать перенастройки или масштабирования пользовательского интерфейса.