Примеры

На этой странице перечислены примеры, которые вы можете построить с помощью UI Toolkit:

Компоновка

Темы	Описание
Относительное и абсолютное позиционирование C# пример	Используйте относительное и абсолютное позиционирование для размещения UI в C#.

Список и дерево представлений

Темы	Описание
Создание списка и дерева представлений	Используйте ListView, TreeView, MultiColumnListView и MultiColumnTreeView для создания представлений списка и дерева.
Создание представления сложного списка	Используйте ListView для создания собственного окна Редактора со списком символов.
Создание времени выполнения представления списка UI	Используйте ListView для создания простого экрана выбора символа в режиме выполнения UI.
Создание списка перетаскивания и дерева представлений между окнами	Используйте ListView, TreeView и MultiColumnListView для создания перетаскивания UI между окнами.

Вид прокрутки

Темы	Описание
Упакуйте содержимое в ScrollView	Используйте стили для переноса контента внутри прокручиваемого представления.

Этикетка

Темы	Описание
Создать меню с вкладками	Используйте Label для создания меню с вкладками.

Всплывающее окно

Темы	Описание
Создать всплывающее окно	Используйте UnityEditor.PopupWindow для создания всплывающего окна

Переключить

Темы	Описание
Используйте Toggle для создания условного UI	Используйте Toggle для создания условного UI в окне Редактора.

Таможенный контроль

Темы	Описание
Создание пользовательского контроля с двумя атрибутами	Создайте простой пользовательский контроллер с двумя атрибутами и откройте пользовательский контроллер для UXML и UI Builder.
Создать слайд переключить пользовательский контроль	Создайте “переключатель-подобный” пользовательский переключатель управления.
Создание радиального индикатора прогресса	Создание настраиваемого элемента управления, отображающего число с плавающей запятой от 0 до 100.
Создание связываемого пользовательского контроля	Создание настраиваемого контроля, связанного со свойством с типом данных double.
Создание пользовательского стиля для пользовательского контроля	Создает пользовательский контроллер, который считывает два цвета из USS и использует их для создания текстуры.
Создание настраиваемого контроля соотношения сторон	Создание настраиваемого элемента управления, поддерживающего определенное соотношение сторон.
Создать пользовательский ящик свойств инвентаризации	Создайте пользовательские ящики свойств для настройки внешнего вида и поведения атрибутов UXML пользовательского элемента управления в панели Inspector панели UI Builder.

Переходный период

Темы	Описание
Создание простого перехода с помощью сценариев UI Builder и C#	Создайте настраиваемое окно редактора с тремя метками, которые поворачиваются и масштабируются, когда вы указываете на них курсором.
Создать событие перехода	Создайте собственное окно редактора с кнопкой и палитрой цветов.
Создание переходов	Создаёт циклические анимации Yo-yo и A-to-B.

Перетаскивание

Темы	Описание
Создание перетаскивания UI в окне пользовательского редактора	Создайте несколько слотов и один объект, который можно перетащить в любой слот.
Создание перетаскивания UI для перетаскивания между окнами Редактора	Создайте два настраиваемых окна редактора, в которых можно перетаскивать ассет из одного окна в другое.

Примеры привязок в Базовом редакторе

Темы	Описание
Привязка с путем привязки в скрипте C#	Используйте bindingPath для создания привязки, которая изменяет имя GameObject в окне пользовательского редактора.
Привязка без пути привязки	Используйте BindProperty() для создания привязки, которая изменяет имя GameObject в окне пользовательского редактора.
Связать с UXML и C#	Создайте привязку и установите путь привязки в UXML, и привязайте с Bind() в C#.
Создать привязку с Inspector	Создайте привязку, которая связывает пользовательский Inspector, пользовательский редактор и серийные объекты.
Привязка к вложенным свойствам	Используйте атрибут binding-path BindableElement в UXML для привязки полей к вложенным свойствам SerializedObject
Привязка к шаблону UXML	Создайте привязку и установите пути привязки с шаблонами UXML.
Получение обратных вызовов при изменении связанного свойства	Создает настраиваемое окно Редактора с TextField, которое связано с именем GameObject в сцене.
Получать обратные вызова при изменении любых связанных свойств	Создайте пользовательский Inspector с двумя полями, который предупреждает пользователя, если значения полей выходят за определенные диапазоны.

Примеры привязок в расширенном редакторе

Темы	Описание
Привязать к списку с ListView	Создание списка переключателей и привязка списка к базовому списку объектов.
Привязать к списку без ListView	Создать привязку, которая привязывает к списку с массивом вместо ListView.
Привязка пользовательского контроля	Создать пользовательский контроллер и привязать его к нативному типу Unity.
Привязка пользовательского контроля к пользовательскому типу данных	Создание пользовательского контроля и привязка его к пользовательскому типу данных.

Вектор UI примеры

Темы	Описание
Создание круговой диаграммы в Редакторе и Runtime UI	Используйте вектор API для создания круговой диаграммы.
Используйте вектор API для создания радиального индикатора прогресса	Используйте вектор API для создания настраиваемого элемента управления радиального индикатора прогресса и добавьте настраиваемый элемент управления во время выполнения UI.

Примеры времени выполнения UI

Темы	Описание
Начало работы с runtime UI	Используйте этот пример для начала работы с runtime UI.
Перемещение элементов во время выполнения	Используйте подсказки style.translate и DynamicTransform для перемещения элементов UI во время выполнения.

Примеры привязки данных во время выполнения

Тема	Описание
Начало работы с привязкой времени выполнения	Узнайте основы привязки времени выполнения на примере.
Привязка к нескольким свойствам	Узнайте, как привязать к нескольким свойствам на примере.
Создание привязки времени выполнения с помощью конвертера типов	Узнайте, как создать конвертер типов для преобразования типов данных между источником данных и UI из примера.
Привязать ListView к списку с привязкой времени выполнения	Узнайте, как привязать ListView к списку с привязкой времени выполнения на примере.
Создание пользовательской привязки для привязки селекторов USS к	Узнайте, как создать настраиваемую привязку для привязки USS с помощью примера.

USS примеры

Темы	Описание
Создать пользовательский вихревой фильтр	Создайте пользовательский фильтр с эффектом вихревого движения.
Проверка pseudo-state контроля	Проверьте псевдо-state кнопки и переключателя.

Примеры текста

Темы	Описание
Начните с текста	Используйте этот пример, чтобы начать работать с текстом.
Добавить гиперссылки в тексте	Используйте богатые текстовые теги для добавления гиперссылок к тексту.
Создание пользовательской анимации с текстом	Используйте PostProcessTextVertices для создания пользовательской текстовой анимации.