Modern Unity Ui With Ui Toolkit

Last updated 7/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.85 GB | Duration: 21h 3m

A Complete Overview Of Unity's New UI System UI Toolkit

What you'll learn
Create modern and reusable User Interfaces in Unity
Understand all UI Toolkit components
Manipulate your UI from scripts
Combine your UI and gamelogic

Requirements
Some basic programming and Unity knowledge. If you worked with Unity for about 5 hours you should be fine.

Description
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 FilesUnderstand 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 FLEXBOXUI Toolkit uses the Flexbox system which is also used in web technologies. TemplatesWe will learn how we can reuse pieces of our layout with templates.Events and Event PropagationNo 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.UQueryUnity 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 BindingWhile 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 ComponentsUI 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.ManipulatorsOne 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...

Overview
Section 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 Unity's UI Systems

Lecture 6 Unity Versions

Lecture 7 Course Resources

Lecture 8 Course Updates

Section 2: Workflow (Update)

Lecture 9 Meet UI Builder: The new Unity UI Editor

Lecture 10 Workflow: Big Picture

Lecture 11 Step 1: Layout

Lecture 12 Step 2: Styling

Lecture 13 Step 3: Functionality

Lecture 14 Connect Your UI To A Game Scene

Lecture 15 Workflow Summary

Section 3: From Theory To Practise

Lecture 16 How To 'Read' The Posters

Lecture 17 Section Poster

Lecture 18 Visual Trees

Lecture 19 Advantages Of Visual Trees

Lecture 20 From Visual Trees To UXML

Lecture 21 More UXML

Lecture 22 Understanding Stylesheets

Lecture 23 USS Files In UI Builder

Lecture 24 More USS

Lecture 25 Simple Selectors

Lecture 26 Selector Precedence

Lecture 27 Complex Selectors - Part 1

Lecture 28 Complex Selectors - Part 2

Lecture 29 Pseudo Selectors

Lecture 30 Bringing It All Together

Section 4: Layout and Flexbox

Lecture 31 Section Poster

Lecture 32 Terminology

Lecture 33 Containers And Items

Lecture 34 Understanding The Main-Axis Concept

Lecture 35 Understanding Flex Direction

Lecture 36 Flex Direction In UI Builder

Lecture 37 The Flexbox Rabbit Hole

Lecture 38 Flex Direction Example 1

Lecture 39 Flex Direction Example 2

Lecture 40 Justify Content

Lecture 41 Align Items

Lecture 42 Align-Properties Example

Lecture 43 Flex Basis

Lecture 44 Definition For Flex Basis

Lecture 45 Pixel. Percentage or Auto

Lecture 46 Competition For Space

Lecture 47 Shrink & Grow

Lecture 48 Shrink & Grow Units

Lecture 49 Understanding Flex Basis

Lecture 50 Flexbox Wrapup

Lecture 51 Simple Flexbox Pattern Example

Lecture 52 Simple Flexbox Pattern Example 2

Lecture 53 Simple Flexbox Pattern Example 3

Lecture 54 Positioning

Lecture 55 Friendly Request

Section 5: Introducing The "Course Project"

Lecture 56 Introducing The "Course Project"

Lecture 57 (Optional) Course Project Setup Part 1

Lecture 58 (Optional) Course Project Setup Part 2

Section 6: Build-In Controls

Lecture 59 Section Poster

Lecture 60 Buttons

Lecture 61 Add Basic Functionality To Controls

Lecture 62 Working With Text

Lecture 63 Themes

Lecture 64 Complex Controls - Slider

Lecture 65 UI Toolkit Debugger

Lecture 66 Styling Controls

Lecture 67 Using The Slider

Lecture 68 Project : Practice Simple Controls Part 1

Lecture 69 Project : Practice Simple Controls Part 2

Lecture 70 (Optional) Using The Documentation

Section 7: Templates

Lecture 71 Section Poster

Lecture 72 Working With Visual Elements In Scripts

Lecture 73 Templates in UI Builder

Lecture 74 Templates In Scripts

Lecture 75 Loading Assets In Scripts

Lecture 76 Project: Practice Templates

Section 8: Finding Elements With UQuery

Lecture 77 Section Poster

Lecture 78 Why are there 3 different ways?

Lecture 79 Setup Explained

Lecture 80 UQueryBuilder

Lecture 81 How To Find Single Elements With Q

Lecture 82 How To Find Any Element With Query

Lecture 83 Swiss Army Knife For Queries

Lecture 84 Project: Practice Queries

Section 9: Events in UI Toolkit

Lecture 85 Section Poster

Lecture 86 Events Overview

Lecture 87 Event Data

Lecture 88 Understanding Event Propagation

Lecture 89 Event Propagation In Code Part 1

Lecture 90 Event Propagation In Code Part 2

Lecture 91 Event Example 1

Lecture 92 Event Example 2

Section 10: Data Binding

Lecture 93 Section Poster

Lecture 94 Data Binding Intro

Lecture 95 Simple UI Binding

Lecture 96 Adding A Data Class

Lecture 97 System Events and C# Properties

Lecture 98 Creating A "Card Component"

Lecture 99 Simulating Data

Lecture 100 Using VisualElement.userdata

Lecture 101 Dynamically Adding Elements

Section 11: Data Binding With Special Controls

Lecture 102 Section Poster

Lecture 103 Simple Dropdown

Lecture 104 Project: Beyond Build-In Controls

Lecture 105 Project: DropdownController

Lecture 106 Project: Displaying The Factions

Lecture 107 ListView

Lecture 108 Project : List Preparation

Lecture 109 Project : ListController

Lecture 110 Project: Displaying Selected Items

Lecture 111 Small Correction On The Last Video

Section 12: Custom Controls

Lecture 112 Section Poster

Lecture 113 Our First Custom Control

Lecture 114 Add Styling To A Custom Control

Lecture 115 Custom PopupWindow Part 1

Lecture 116 Custom PopupWindow Part 2

Lecture 117 Adding Custom Attributes

Lecture 118 Adding Functionality To A Custom Control

Lecture 119 Project : Adding A Custom Star Control Part 1

Lecture 120 Project : Adding A Custom Star Control Part 2

Section 13: Manipulators

Lecture 121 Section Poster

Lecture 122 Motivation

Lecture 123 Creating Our First Manipulator

Lecture 124 Understanding Motion-Behavior Like Dragging

Lecture 125 Manipulator For Dragging

Lecture 126 Manipulator For Resizing

Lecture 127 Project : Adding A Tooltip Manipulator Part 1

Lecture 128 Project : Adding A Tooltip Manipulator Part 2

Lecture 129 Project : Adding A Tooltip Manipulator Part 3

Section 14: Extra: "Epoch Carousel"

Lecture 130 What are we going to build?

Lecture 131 Assembling The Carousel

Lecture 132 Adding Content To The ScrollView

Lecture 133 Let's Implement The Scolling Behavior

Lecture 134 Display The Prior And The Next Epoch

Lecture 135 Adding The Epoch Bullets

Section 15: Game Project

Lecture 136 What are we going to build?

Lecture 137 Basic Layout

Lecture 138 Content For Top Containers

Lecture 139 Content For Bottom Containers

Lecture 140 Adjusting The Fonts

Lecture 141 Adding Placeholders For The Answer-Icons

Lecture 142 Let's Talk About Dragging

Lecture 143 Simple Dragging Pattern

Lecture 144 Dropping The Icons

Lecture 145 Game Architecture

Lecture 146 Game Data and State

Lecture 147 Implementing The Game Logic

Lecture 148 Connecting The Game Controller

Lecture 149 Connecting The First UI Pieces

Lecture 150 Add Some Data (aka some questions)

Lecture 151 The "Next Hint Button"

Lecture 152 Adding The Manipulator To The Icons

Lecture 153 Load Real Icons Dynamically

Lecture 154 Checking Answers

Lecture 155 Let's Provide Some Feedback To The Player

Lecture 156 Add Pressure With A Timer

Lecture 157 Thank You!

Unity developers interested in User Interfaces

Buy Premium Account From My Download Links & Get Fastest Speed.