✅ Unity: Адаптивный Canvas под любые разрешения

В чем проблема?
UI-элементы уплывают за экран или сбиваются в кучу при изменении размера окна или на другом устройстве.

Решение:
Правильная настройка Canvas и компонента Canvas Scaler.

Как настроить?
1. Canvas: В компоненте Canvas установи Render Mode в Screen Space - Overlay.
2. Canvas Scaler: Это главный компонент для адаптивности.
* UI Scale Mode: Выставь Scale With Screen Size.
* Reference Resolution: Поставь разрешение, под которым ты разрабатываешь интерфейс (например, 1920x1080).
* Screen Match Mode: Выставь Expand. Это ключевая настройка!

Почему «Expand»?
Этот режим гарантирует, что твой UI будет равномерно масштабироваться и всегда помещаться на экране, не обрезаясь.

Как anchoring?
Привязывай элементы к краям экрана. Выдели UI-объект и в окне Rect Tool (удерживая Alt) выбери нужный якорь. Например, для панели здоровья привяжи к левому верхнему углу.

Итог:
Canvas Scaler + правильные якоря = идеальный интерфейс на любом экране.

#Unity #Unity3D #UI #Canvas #Gamedev

✅ Адаптивный UI в Unity: как избежать поломок

Что это?
Правильная настройка UI, который корректно отображается на любых разрешениях экрана.

Как сделать?
1. Canvas Scaler:
- Режим: Scale With Screen Size
- Референсное разрешение: 1920x1080
- Screen Match Mode: Match Width Or Height

2. Anchors и Pivot:
- Фиксируй элементы через anchorMin/anchorMax
- Пример: кнопка в углу всегда останется на месте

3. Safe Area для мобилок:

   RectTransform rect = GetComponent<RectTransform>();
   rect.anchorMin = Screen.safeArea.position;
   rect.anchorMax = Screen.safeArea.size;
   

4. Layout Group:
- Используй Vertical/Horizontal Layout Group
- Избегай фиксированных размеров
- Для сложных списков контролируй размеры через LayoutElement

5. Единый UIManager:
- Централизованное управление окнами
- Отслеживание текущего экрана
- Блокировка ввода при переходах

Важно!
• Тестируй на разных разрешениях (от телефона до планшета)
• Для Scroll View оптимизируй через Object Pooling
• Используй события вместо прямых ссылок между панелями

💡 Применяй для: мобильных игр, кроссплатформенных проектов, сложных интерфейсов.
Стабильный UI = профессиональное впечатление от игры!

#Unity #UI #GameDev #AdaptiveUI