Summary - UI Canvas

Reinforce UI Canvas usage with a summary task.

Summary: UI Canvas System

In this module, you mastered Unity's user interface architecture. Atop the Canvas root container, TextMeshProUGUI renders crisp typography, Image displays sprites, and Button handles clickable interactions.

// UI Canvas workflow summary:
// Canvas (Root) -> RectTransform (Anchor / Pivot) -> Image / TMP / Button -> LayoutGroup

RectTransform and Anchors deliver flawless responsive scaling across resolutions, while Layout Groups streamline dynamic element arrangements.

Exercise Print complete UI profile

Define root ("Canvas"), element ("Button"), and layout ("Horizontal"). Print Root: Canvas | Element: Button | Layout: Horizontal to the console.

Show example solution

using System;

class Program
{
    static void Main()
    {
        string root = "Canvas";
        string element = "Button";
        string layout = "Horizontal";
        Console.WriteLine("Root: " + root + " | Element: " + element + " | Layout: " + layout);
    }
}

Test yourself

Which two features are configured together to ensure UI scales properly across resolutions and buttons remain pinned to the correct corner?
- Canvas Scaler and RectTransform Anchor settings
- Rigidbody mass and MeshCollider
- AudioListener and Spatial Blend
- Particle System and Sorting Layer
Show answer

Canvas Scaler and RectTransform Anchor settings — Canvas Scaler handles overall UI scale relative to screen resolution, while RectTransform Anchors pin elements to corners.

Attach TextMeshPro component

TextMeshProUGUI label = gameObject.AddComponent<____>();

Show answer

TextMeshProUGUI label = gameObject.AddComponent<TextMeshProUGUI>();

UI Canvas general summary

Canvas

Root for all UI rendering
RectTransform

Manages UI position, size, anchors
TextMeshProUGUI

Sharp text with SDF
Button

Button listens via onClick

Next lesson: What is a Particle System?

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies