Установка UI Toolkit и примеров проектов
Установка UI Toolkit и примеров проектов
UI Toolkit входит в состав базовой платформы Unity 6, поэтому для Unity 6 и более поздних версий отдельный пакет устанавливать не требуется. Чтобы работать с материалами этого руководства, достаточно создать новый проект на основе одного из доступных шаблонов.
UIElements - пространство имён UI Toolkit, UI Builder и связанных с ними возможностей, которые теперь входят в Unity 6.
Официальные примеры UI Toolkit В этой электронной книге возможности UI Toolkit в проектах Unity преимущественно демонстрируются на следующих примерах. Каждый из них можно бесплатно загрузить из Unity Asset Store.
Пример UI Toolkit - Dragon Crashers В этой демонстрации поверх фрагмента двухмерной мини-RPG Dragon Crashers реализован полнофункциональный интерфейс, включая систему главного меню. Для него используется современный рабочий процесс UI Toolkit во время выполнения. Пример рассчитан не на новичков, а на опытных разработчиков Unity, способных самостоятельно изучить структуру UI, перемещаться по проекту и разбирать конкретные реализации. Изначально демонстрация была выпущена для Unity 2021 LTS, а затем обновлена до Unity 6. В ней можно подробнее познакомиться со следующими темами: - Структура проекта и соглашения об именовании - Использование тем для создания вариантов UI с поддержкой книжной и альбомной ориентации - Сложные элементы: меню с вкладками, инвентари, сообщения и пользовательские элементы управления
- Использование SafeAreaAPI, чтобы содержимое на мобильных экранах оставалось в пределах безопасной области - Использование Localization для поддержки нескольких языков - Привязка данных, упрощающая синхронизацию данных с компонентами UI - Примеры реализации распространённых интерфейсов казуальных игр Видеоруководство по примеру и сам проект доступны в Asset Store.
Главный экран в альбомной и книжной ориентации
QuizU Демонстрационный проект QuizU представляет интерактивную викторину, созданную с помощью UI Toolkit в Unity. Проект рассчитан на разработчиков UI и знакомит с рабочими процессами UI Toolkit, событийной архитектурой и многократно используемыми шаблонами проектирования современных игровых интерфейсов. Демонстрация показывает, как: - Эффективно организовывать элементы UI с помощью UXML-файлов и вложенных визуальных деревьев
- Применять правила стилей, селекторы USS и псевдоклассы, чтобы интерактивные элементы реагировали на действия пользователя - Использовать Flexbox для гибких адаптивных макетов UI - Динамически находить и изменять элементы UI с помощью селекторов - Инкапсулировать обработку событий в повторно используемых классах, реализуя такие взаимодействия, как перетаскивание и мультитач-жесты - Использовать диспетчеризацию событий (Event Dispatch), обрабатывать события по фазам и управлять их распространением
- Использовать переходы USS для плавной анимации и эффектов элементов UI, настраивая продолжительность и функцию плавности
Снимок экрана демонстрационного проекта QuizU
Проект QuizU, первоначально выпущенный для Unity 2022 LTS, получил поддержку новых возможностей Unity 6. Теперь в него входят практические примеры создания пользовательских элементов управления, настройки привязки данных и реализации локализации. Проект можно загрузить из Asset Store.
Install UI Toolkit and sample projects
UI Toolkit is integrated into the core Unity 6 platform, which means that you don’t need to install a separate package to use it with version Unity 6 and later. Starting a new project from one of the templates available will be sufficient to be able to follow the content of this guide.
UIElements is the namespace for UI Toolkit, UI Builder and their features, all of which are now included in Unity 6.
The official UI Toolkit samples This e-book primarily uses the following samples to show and explain UI Toolkit capabilities in Unity projects. Each sample is available to download for free from the Unity Asset Store.
UI Toolkit Sample – Dragon Crashers This demo uses the latest UI Toolkit workflow at runtime for a full-featured interface, including a front-end menu system, over a slice of the 2D project Dragon Crashers, a mini-RPG. This demo is not meant for beginners. It was created for experienced Unity developers who have the capabilities to look at the UI structure and navigate the demo to observe specific implementations. This demo was originally released for Unity 2021 LTS and has since been updated to Unity 6. Here are some of the topics you can learn more about in the demo: —
Project structure and naming conventions
Use of themes to create UI variations and add support for both portrait and landscape orientations
Complex elements like tabbed menus, inventories, messages, or custom controls
Use of the SafeAreaAPI to ensure content on mobile screens is displayed within the safe area
Use of Localization for multiple language support
Data binding for simplifying the synchronization of data with UI components
Examples of how to implement common casual game interfaces
You can find a video walkthrough of the sample and download it from the Asset Store.
The home screen can be displayed in landscape and portrait
QuizU The QuizU demo showcases an interactive quiz game built with Unity’s UI Toolkit. Aimed at UI developers, this project highlights UI Toolkit workflows, event-driven architecture, and reusable design patterns for building modern game user interfaces. This demo shows how to: —
Structure UI elements efficiently using UXML files and nested visual trees.
Apply styling rules using USS selectors and pseudo-classes to make your interactive elements react to user input.
Use the FlexBox feature for flex-based layouts for responsive UI behavior.
Query and modify UI elements dynamically using selectors.
Encapsulate event handling in reusable classes, enabling custom interactions like dragging or multi-touch gestures.
Use Event Dispatch to process events in phases and how to manage propagation.
Use USS Transitions to add smooth animations and effects to UI elements with properties like duration and easing.
A screen shot from the QuizU UI Toolkit demo
Originally released for Unity 2022 LTS, QuizU has been updated with new features in Unity 6. The project now includes how-to demos on creating custom controls, setting up data binding, and implementing localization. You can download the project from the Asset Store.
