Почему UI Panel по разному отображается на устройстве и в Editor?

Question

Ivan Pavlov @iPaf

Android Developer

Почему UI Panel по разному отображается на устройстве и в Editor?

Canvas настроен на определенный размер экрана 800х600 и заполняет ширину, если соотношение сторон другое. Однако, в редакторе кнопки выбора уровня отображаются так:

А на устройстве вот так:

Кнопка - обычный Panel с вложенными Panel, Text и Image. Кнопки кладутся в GridLayoutGroup, который настроен на размер ячейки 100х100 и space'ом в 6 единиц. Пробовал увеличивать размер ячейки динамически (рассчитывать кодом), в результате чего ячейки все равно были далеко друг от друга и вылезали вправо за экран. С чем может быть связано такое поведение? Как в Editor увидеть UI как на устройстве?

Вопрос задан более трёх лет назад
189 просмотров

5 комментариев

Подписаться 1 Средний 5 комментариев

Роман @lastuniverse

пока не будет кода, который все это рисует на ваш вопрос смогут ответить только на https://мир-гадалок.рф

Написано более трёх лет назад

Ivan Pavlov @iPaf Автор вопроса

Роман, в коде ничего необычного нет - инстанциация, инициализация и присвоение родителя:

void FillButtons() 
	{
		gameObject.AddComponent<DatabaseHelper>();

		DatabaseHelper database = GetComponent<DatabaseHelper>();
		int levelPackIndex = 0;
		List<DatabaseHelper.Level> levels = database.GetLevels(levelPackIndex);
		int unlockedCount = UnlockedCount(levelPackIndex, levels.Count);

		foreach (DatabaseHelper.Level level in levels)
		{
			GameObject newButton = Instantiate(button) as GameObject;
			LevelButton levelButton = newButton.GetComponent<LevelButton>();
			int levelIndex = levels.IndexOf(level);
            bool isInteractable = levelIndex < unlockedCount;

            levelButton.LevelText.text = (levelIndex + 1).ToString();
			levelButton.levelPack = levelPackIndex;
			levelButton.level = levelIndex;
			levelButton.hasBoss = level.hasBoss;
			levelButton.hasHelicopter = level.hasHelicopter;
			levelButton.GetComponent<UnityEngine.UI.Button>().interactable = isInteractable;

            if (isInteractable)
                levelButton.GetComponent<UnityEngine.UI.Button>().onClick.AddListener(soundDirector.ButtonClick);

            newButton.transform.SetParent(Spacer);
		}
        
	}

Написано более трёх лет назад

GavriKos @GavriKos Куратор тега Разработка игр

Есть подозрение, что у элементов слетел скейл. Попробуйте кнопкам сделать кодом единичный скейл.

Написано более трёх лет назад
freeExec @freeExec

Как в Editor увидеть UI как на устройстве?

Задать в редакторе разрешение как на устройстве.

Написано более трёх лет назад
Ivan Pavlov @iPaf Автор вопроса

GavriKos, Да, действительно, дело было в скейле. Непонятно зачем GridLayoutGroup меняет его

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Unity

Простой
Что делать если не сохраняется переменная в инспекторе Unity?
- 1 подписчик
- 11 часов назад
- 28 просмотров
1

ответ
Unity

Средний
Как заставить 2д спрайт мерцать белым или менять оттенок?
- 1 подписчик
- 17 апр.
- 47 просмотров
1

ответ
Unity

Средний
Как распаковать файл resources.assets тип файла ASSET?
- 1 подписчик
- 16 апр.
- 26 просмотров
0

ответов
Unity

Средний
Как сделать выбор уровня с помощью scroll view?
- 1 подписчик
- 16 апр.
- 23 просмотра
0

ответов
Разработка игр

+2 ещё

Простой
Почему при загрузке .fbx в Mixamo модель получается прозрачной?
- 1 подписчик
- 15 апр.
- 43 просмотра
0

ответов
Разработка игр

Простой
Возможно ли создать игру без движка?
- 1 подписчик
- 15 апр.
- 145 просмотров
1

ответ
Unity

+1 ещё

Простой
Какие минимальные характеристики ноутбука для работы в Unity?
- 1 подписчик
- 15 апр.
- 126 просмотров
2

ответа
Unity

+1 ещё

Средний
Как сделать плавный переход между анимациями?
- 1 подписчик
- 15 апр.
- 41 просмотр
1

ответ
Unity

Простой
Не открывается проект в юинти?
- 1 подписчик
- 14 апр.
- 18 просмотров
0

ответов
Unity

Простой
Как используя fsm сделать проверки на окончания каких-то способностей?
- 1 подписчик
- 14 апр.
- 10 просмотров
0

ответов
Показать ещё Загружается…

Ведущий Unity-разработчик

Gambit Group

от 1 500 до 2 500 $

Преподаватель по курсу Unity 3D

CODDY • Москва

от 30 000 до 80 000 ₽

Преподаватель курсов по разработке игр

CODDY

от 30 000 до 60 000 ₽

Доработка аддона для Xenforo v2.2.13

20 апр. 2024, в 06:06

200 руб./за проект

Привязка к Маркетплейсам 1С Розница 2.3

20 апр. 2024, в 05:26

10000 руб./за проект

Дописать функцию на Flutter, работа с yandex map kit

20 апр. 2024, в 04:18

3000 руб./за проект

пока не будет кода, который все это рисует на ваш вопрос смогут ответить только на https://мир-гадалок.рф
Роман, в коде ничего необычного нет - инстанциация, инициализация и присвоение родителя:

void FillButtons() { gameObject.AddComponent<DatabaseHelper>(); DatabaseHelper database = GetComponent<DatabaseHelper>(); int levelPackIndex = 0; List<DatabaseHelper.Level> levels = database.GetLevels(levelPackIndex); int unlockedCount = UnlockedCount(levelPackIndex, levels.Count); foreach (DatabaseHelper.Level level in levels) { GameObject newButton = Instantiate(button) as GameObject; LevelButton levelButton = newButton.GetComponent<LevelButton>(); int levelIndex = levels.IndexOf(level); bool isInteractable = levelIndex < unlockedCount; levelButton.LevelText.text = (levelIndex + 1).ToString(); levelButton.levelPack = levelPackIndex; levelButton.level = levelIndex; levelButton.hasBoss = level.hasBoss; levelButton.hasHelicopter = level.hasHelicopter; levelButton.GetComponent<UnityEngine.UI.Button>().interactable = isInteractable; if (isInteractable) levelButton.GetComponent<UnityEngine.UI.Button>().onClick.AddListener(soundDirector.ButtonClick); newButton.transform.SetParent(Spacer); } }
Есть подозрение, что у элементов слетел скейл. Попробуйте кнопкам сделать кодом единичный скейл.
Как в Editor увидеть UI как на устройстве?

Задать в редакторе разрешение как на устройстве.
GavriKos, Да, действительно, дело было в скейле. Непонятно зачем GridLayoutGroup меняет его

Answer 1 · 2020-07-20 12:32:18

У компонента Canvas Scaler есть параметр UI Scale Mode. Поставь Reference Resolution таким же, как у тебя в редакторе по умолчанию. То есть этот компонент говорить Canvas как правильно масштабировать.

Почему UI Panel по разному отображается на устройстве и в Editor?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт