UI Components

Tutorial

Beginner

+0XP

75 mins

(568)

Unity Technologies

This tutorial covers User Interface (UI) Components available in Unity, including Canvas, Button, Image, Text, Slider, and more.

Languages available:

1. UI Button

What are UI Buttons made of and how do they function?

UI Button - Unity Official tutorials

2. UI Image

The UI Image component is the main graphic element of the UI system in Unity, and is used for everything from button and panel backgrounds to slider handles and speedometers!

UI Image - Unity Official Tutorials

3. UI Text

The Text component, used to render text onscreen for various purposes such as labels, buttons, and other information.

UI Text - Unity Official Tutorials

4. UI Events and Event Triggers

In Unity 4.6 we add the new Event System to trigger things in code from your UI. This tutorial is a quick overview of the system and how it works.

UI Events and Event Triggers - Unity Official Tutorials

5. UI Slider

UI Sliders can be used for various purposes from settings menus to health bars.

UI Slider - Unity Official Tutorials

6. UI Transitions

UI transitions are available to several different UI components, this tutorial explains how they work and what they can do.

UI Transitions - Unity Official Tutorials

7. UI ScrollRect

The Scroll Rect is a rect that can be scrolled horizontally or vertically to create masked spaces with hidden content in your UI.

UI Scroll Rect - Unity Official Tutorials

8. UI Scrollbar

Scrollbars can be used to control scroll rects to navigate content in your UIs.

UI Scrollbar - Unity Official Tutorials

9. UI Mask

UI Mask - Unity Official Tutorials

Masks are used to hide part of a UI Image element. They can be used to define an area to animate images into, or in conjunction with the Scroll Rect component to achieve a scrollable space.