Start with an update on the state of ui at unity

Improving the user interface of the game

Start by assigning a data source to a visual element

Create a custom element

Customize the health bar

A uxml object reference

Introducing UI Toolkit

UI Builder

HUD Layout

Styling

Stylesheets

Functionality

Scripting the UI

Adding functionality

Conclusion

The quirky Legacy UI

What is UIToolkit

UIDocuments & UXML

Styling with USS

USS Tips

Behaviour and Callbacks

Putting it all together

Debugging Tools

Conclusions

Intro

Creating a UI Builder Window

Adding a Border

Creating a new Style Sheet

Customizing Fields

Adding the health editor script to a namespace

Loading the USS class

Creating Local Variables

Making the health bar not go below 0

Conclusion

Ui Toolkit

Custom Elements

New C-Sharp Script

Preserve Tag

Uxml Traits Class

Constructor

What we will create

Initial tips

Menu UXML

USS Styles

Adding custom font

Hover & animations

Menu UXML part 2

Menu Controller

Play

Exit / Quit

Mute

Settings (dynamic section)

Intro

Contents

Introductions

Level Up Africa

User Interfaces - Examples

User Interfaces - Types

Unity - UI Frameworks

Unity - UI Toolkit

Outro

intro

setting up UI Toolkit in your hierarchy

setting up our header

creating a stylesheet

setting up buttons and their stylesheets

adding a background and new fonts

assigning OnClick events to buttons

assigning OnClick events to a List of buttons

transition animations

What problem we will be solving?

How we will solve it?

Why UI Toolkit?

UXML and Script

Overview of UI Builder

Building our window

Script

Open Window

Use our UXML in our window

Fields, Query and RegisterValueChangedCallback

duringSceneGui & handling click

Get click position

Spawning prefab

Random Rotation (and aligning to normal)

Random Scaling

Intro

Unity UI Toolkit Demo - Hello World

Unity UI Toolkit Demo - Spaceship Game HUD

Unity UI Toolkit Demo - Create UI From Scratch

Aha Moment!

Outro

What to Expect

Scene Setup

Make UI Document

UI Builder Window

Making a Unity Stylesheet

Stylesheet Class Targeting

Show UI Document in Game

Creating a Button Child UI Document

Writing a Button Click Event Callback

Wrapup

Introduction

Default Slider

Scripting Filled Bar

Scripting Dragger 1

World & Local Coordinate

Scripting Dragger 2

Polishing Slider

Introduction

UI Toolkit?

Settings

Layout : Flex & Align

Layout : Border, Margin & Padding

Font

Style : Inline Style

Style : Style Sheet

Style : Pseudo Class

Style : Transition Animation

Introduction

Custom Property Drawers with Nested Inspectors

Decorate with Property Attributes

Custom Inspectors

UI Documents (UXML)

UI Builder for Editor Extension Authoring

UI Builder Visual Authoring Workflows

Painter2D and Custom UI Shapes (PieChart)

Rich Text (with Hyperlinks)

StyleSheets (USS)

Editor Standard USS Variables (Light/Dark Theme Support)

UI Toolkit Samples Window

ListView (Virtualized List)

Multi Column ListView

Runtime Theme Used In Editor

USS Transitions on Hover

USS Transform Styles (scale/position/rotate)

Custom Editor Windows

Custom Inspector in Runtime (Player)

UI Builder In-Context Sub-Document Workflow

New UI Toolkit Data Bindings (Runtime and Editor) in Unity 2023

Intro

Installing

Setup

Adding components

Placing

Absolute position

Styles

Hover/active attributes

Code setup

Coding buttons

Intro

Quick tour of the UI

Styling UI elements

Flexbox layout

Theme Style Sheets (TSS)

Safe area

Custom Elements