Last updated 7/2023
MP4 | Video: h264, 1920×1080 | 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
Password/解压密码www.tbtos.com