Система інтерфейсу Unity

Інтерфейс користувача (UI) в Unity відноситься до графічних елементів, з якими взаємодіють гравці в грі або додатку. UI відіграє критичну роль у навігації користувачів через досвід, наданні зворотного зв'язку та забезпеченні різних дій.

Основи Unity UI

Unity надає спеціальну систему UI, оснащену інструментами та компонентами, призначеними для створення UI. Ключові компоненти включають Canvas, який виступає як контейнер для елементів UI, та попередньо створені компоненти UI, такі як кнопки, текстові поля та зображення. Ці елементи можуть бути легко розташовані та стилізовані за допомогою інтерфейсу редактора Unity.

Створення UI в Unity

Щоб створити UI в Unity, перейдіть до Ієрархії, потім натисніть ліву кнопку миші. Після цього виберіть UI.

Ми матимемо список усіх елементів UI, які ми можемо створити, від тексту до зображення до кнопок. Ми обговоримо більше про ці елементи та як ними маніпулювати в наступних уроках. Але зараз давайте розглянемо невеликий приклад, як маніпулювати текстом за допомогою скрипта.

Маніпуляція текстом за допомогою скрипта

Давайте виберемо textMeshPro з цього списку.

У грі для нас буде створено новий текст.

Примітка

Якщо Unity попросить вас встановити TMP essentials, будь ласка, погодьтеся.

Якщо ми натиснемо на текст, всі його компоненти будуть показані в інспекторі, і ми зможемо маніпулювати ними вручну.

Давайте додамо тестовий скрипт до об'єкта і напишемо цей код.

using TMPro
Цей рядок є оператором імпорту, який дозволяє скрипту використовувати класи та функції з простору імен TextMeshPro(TMP). TMP - це пакет Unity для розширеного рендерингу тексту.

[SerializeField] TMP_Text myText
Цей рядок оголошує серіалізоване поле з назвою "myText" типу TMP_Text. Серіалізовані поля доступні в Unity Editor, що означає, що ви можете призначати їм значення в Unity Inspector.

myText.text = "test"
Цей рядок встановлює властивість тексту компонента "myText" TMP_Text на рядок "test". Тепер, якщо ми запустимо гру, текст буде змінено на "test".