0

Имеется список кнопок, которые расположены одна под другой и не вмещающихся в видимую область на девайсах. При помощи Scroll Rect реализовано "проматывание" данной области, но при разных разрешениях Content начинает плыть и некоторые данные пропадают из видимой области.

На приведенных ниже изображениях, думаю, будет понятнее ситуация:

При соотношении 9:16

При соотношении 9:16

При "Free Aspect" и мелких разрешениях

При "Free Aspect" и мелких разрешениях

При разрешении 1440x2960 и соотношении 18.5:9

При разрешении 1440x2960 и соотношении 18.5:9

Подскажите, пожалуйста, как можно решить данную проблему?

1 ответ 1

1

Ну, есть несколько известных мне решений.

Первое - Content Size Fitter. Это компонент, который изменяет размеры объекта, на котором висит исходя из размера чайлдов. Вешать его нужно на ваш Content. Для его работы необходима любой LayoutGroup на том же объекте. В полях этого компонента выбирается исходя из какой логики будут выбираться высота и ширина объекта.

Второе - CanvasScaler. Этот компонент работает на другом уровне - он изменяет скейл всех вложенных объектов исходя из выбранной логики. Вешается он автоматически на Canvas верхнего уровня. Там можно выбрать, например, режим Scale With Screen Size в этом случае весь UI вы будете настраивать для конкретного разрешения, а уже скейлер будет менять скейл в зависимости от реального разрешения.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.