Modern Unity UI with UI Toolkit

Modern Unity UI with UI Toolkit, available at $89.99, has an average rating of 4.19, with 159 lectures, based on 494 reviews, and has 3165 subscribers.

You will learn about Create modern and reusable User Interfaces in Unity Understand all UI Toolkit components Manipulate your UI from scripts Combine your UI and gamelogic This course is ideal for individuals who are Unity developers interested in User Interfaces It is particularly useful for Unity developers interested in User Interfaces.

Enroll now: Modern Unity UI with UI Toolkit

Summary

Title: Modern Unity UI with UI Toolkit

Price: $89.99

Average Rating: 4.19

Number of Lectures: 159

Number of Published Lectures: 157

Number of Curriculum Items: 159

Number of Published Curriculum Objects: 157

Original Price: $94.99

Quality Status: approved

Status: Live

What You Will Learn

Create modern and reusable User Interfaces in Unity

Understand all UI Toolkit components

Manipulate your UI from scripts

Combine your UI and gamelogic

Who Should Attend

Unity developers interested in User Interfaces

Target Audiences

Unity developers interested in User Interfaces

This course is a deep dive into Unity’s UI Toolkit. You will learn most of the components that make up UI Toolkit and be able to create complex UI Systems for your games or apps. 

This course uses a mix of theory and practice. We will create dozens of little UI-Components and examples. Furthermore, we will have a course project on which we will practice what we learned in the particular chapters. Finally, we will bring it all together and create a fully functional UI-based game.

While this course is not explicitly covering Editor Scripting most of the content in the course will also apply to it.

Here are some of the topics that we will cover:

Understanding UXML and USS Files

Understand the basic building blocks of UI Toolkit. We will talk about the concept of a visual tree and why it’s a good idea to separate structure, styling and behavior.

Layouts with FLEXBOX

UI Toolkit uses the Flexbox system which is also used in web technologies.

Templates

We will learn how we can reuse pieces of our layout with templates.

Events and Event Propagation

No UI System can function without events. UI Toolkit has its own Event-System with modern features like event-propagation which we can use to our advantage.

UQuery

Unity is still a game engine, so more often than not most of your work will be done through scripts. U need an efficient way to connect your scripts and your UI and manipulate certain elements of your UI. In order to do that you first need to find those elements. UQuery provides a comfortable way how you can do that.

Data Binding

While for editor scripting there is already a system in place which helps you bind your data to your components, this is not the case for runtime. Therefore we will look at some tools and techniques how you can do this manually.

Custom Components

UI Toolkit has a library of several build-in controls, but obviously, those can not cover every use case that you might come across. In this section, we will see how to create our own controls and thereby create our own little library of reusable UI Elements.

Manipulators

One rule of good software development is the separation of concerns. In this section, we will learn how we can group the behavior of particular elements into manipulators.

and much more

Course Curriculum

Chapter 1: Introduction

Lecture 1: What Is UI Toolkit?

Lecture 2: What Is This Course About?

Lecture 3: What Is This Course NOT About?

Lecture 4: Who Is This Course For?

Lecture 5: Comparison Of Unitys UI Systems

Lecture 6: Unity Versions

Lecture 7: Course Resources

Lecture 8: Course Updates

Chapter 2: Workflow (Update)

Lecture 1: Meet UI Builder: The new Unity UI Editor

Lecture 2: Workflow: Big Picture

Lecture 3: Step 1: Layout

Lecture 4: Step 2: Styling

Lecture 5: Step 3: Functionality

Lecture 6: Connect Your UI To A Game Scene

Lecture 7: Workflow Summary

Chapter 3: From Theory To Practise

Lecture 1: How To Read The Posters

Lecture 2: Section Poster

Lecture 3: Visual Trees

Lecture 4: Advantages Of Visual Trees

Lecture 5: From Visual Trees To UXML

Lecture 6: More UXML

Lecture 7: Understanding Stylesheets

Lecture 8: USS Files In UI Builder

Lecture 9: More USS

Lecture 10: Simple Selectors

Lecture 11: Selector Precedence

Lecture 12: Complex Selectors – Part 1

Lecture 13: Complex Selectors – Part 2

Lecture 14: Pseudo Selectors

Lecture 15: Bringing It All Together

Chapter 4: Layout and Flexbox

Lecture 1: Section Poster

Lecture 2: Terminology

Lecture 3: Containers And Items

Lecture 4: Understanding The Main-Axis Concept

Lecture 5: Understanding Flex Direction

Lecture 6: Flex Direction In UI Builder

Lecture 7: The Flexbox Rabbit Hole

Lecture 8: Flex Direction Example 1

Lecture 9: Flex Direction Example 2

Lecture 10: Justify Content

Lecture 11: Align Items

Lecture 12: Align-Properties Example

Lecture 13: Flex Basis

Lecture 14: Definition For Flex Basis

Lecture 15: Pixel. Percentage or Auto

Lecture 16: Competition For Space

Lecture 17: Shrink & Grow

Lecture 18: Shrink & Grow Units

Lecture 19: Understanding Flex Basis

Lecture 20: Flexbox Wrapup

Lecture 21: Simple Flexbox Pattern Example

Lecture 22: Simple Flexbox Pattern Example 2

Lecture 23: Simple Flexbox Pattern Example 3

Lecture 24: Positioning

Lecture 25: Friendly Request

Chapter 5: Introducing The Course Project

Lecture 1: Introducing The Course Project

Lecture 2: (Optional) Course Project Setup Part 1

Lecture 3: (Optional) Course Project Setup Part 2

Chapter 6: Build-In Controls

Lecture 1: Section Poster

Lecture 2: Buttons

Lecture 3: Add Basic Functionality To Controls

Lecture 4: Working With Text

Lecture 5: Themes

Lecture 6: Complex Controls – Slider

Lecture 7: UI Toolkit Debugger

Lecture 8: Styling Controls

Lecture 9: Using The Slider

Lecture 10: Project : Practice Simple Controls Part 1

Lecture 11: Project : Practice Simple Controls Part 2

Lecture 12: (Optional) Using The Documentation

Chapter 7: Templates

Lecture 1: Section Poster

Lecture 2: Working With Visual Elements In Scripts

Lecture 3: Templates in UI Builder

Lecture 4: Templates In Scripts

Lecture 5: Loading Assets In Scripts

Lecture 6: Project: Practice Templates

Chapter 8: Finding Elements With UQuery

Lecture 1: Section Poster

Lecture 2: Why are there 3 different ways?

Lecture 3: Setup Explained

Lecture 4: UQueryBuilder

Lecture 5: How To Find Single Elements With Q

Lecture 6: How To Find Any Element With Query

Lecture 7: Swiss Army Knife For Queries

Lecture 8: Project: Practice Queries

Chapter 9: Events in UI Toolkit

Lecture 1: Section Poster

Lecture 2: Events Overview

Lecture 3: Event Data

Lecture 4: Understanding Event Propagation

Lecture 5: Event Propagation In Code Part 1

Lecture 6: Event Propagation In Code Part 2

Lecture 7: Event Example 1

Instructors

David Makowski
Software Engineer with a passion for AI and Unity 3D

Rating Distribution

1 stars: 8 votes

2 stars: 14 votes

3 stars: 39 votes

4 stars: 137 votes

5 stars: 285 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!