Modern Unity UI with UI Toolkit

Focused View

David Makowski

22:00:24

12 View

1 - Introduction

1 - What Is UI Toolkit.mp4

00:57

2 - What Is This Course About.mp4

09:02

3 - What Is This Course NOT About.mp4

07:37

4 - Who Is This Course For.mp4

05:09

5 - Prerequisites.mp4

04:12

6 - Comparison Of Unitys UI Systems.mp4

06:13

7 - Lets Get Started.mp4

10:45

8 - Unity Versions.html

9 - Course Resources.html

9 - Repository For Chapters 58.txt

9 - Repository For Chapters 913.txt

9 - Repository For The Course Project.txt

9 - Repository For The Game Project.txt

2 - Introduction Part 2 From Theory To Practise

10 - Detailed Course Overview Sections 27.mp4

11:33

11 - Section Overview.mp4

03:21

12 - UI Toolkit Workflow.mp4

10:06

13 - Visual Trees.mp4

11:46

14 - Advantages Of Visual Trees.mp4

10:02

15 - From Visual Trees To UXML.mp4

12:13

16 - More UXML.mp4

09:12

17 - Understanding Stylesheets.mp4

07:14

18 - USS Files In UI Builder.mp4

11:28

19 - More USS.mp4

08:00

20 - Simple Selectors.mp4

11:46

21 - Selector Precedence.mp4

14:46

22 - Complex Selectors Part 1.mp4

10:12

23 - Complex Selectors Part 2.mp4

14:57

24 - Pseudo Selectors.mp4

08:55

25 - Bringing It All Together.mp4

10:37

3 - Layout and Flexbox

26 - Section Overview.mp4

04:03

27 - Terminology.mp4

02:07

28 - Containers And Items.mp4

03:38

29 - Understanding The MainAxis Concept.mp4

06:58

30 - Understanding Flex Direction.mp4

08:57

31 - Flex Direction In UI Builder.mp4

09:03

32 - The Flexbox Rabbit Hole.mp4

11:23

33 - Flex Direction Example 1.mp4

05:09

34 - Flex Direction Example 2.mp4

06:23

35 - Justify Content.mp4

06:52

36 - Align Items.mp4

05:29

37 - AlignProperties Example.mp4

06:20

38 - Flex Basis.mp4

07:20

39 - Definition For Flex Basis.mp4

04:00

40 - Pixel Percentage or Auto.mp4

04:55

41 - Competition For Space.mp4

06:38

42 - Shrink & Grow.mp4

06:03

43 - Shrink & Grow Units.mp4

01:44

44 - Understanding Flex Basis.mp4

07:29

45 - Flexbox Wrapup.mp4

04:02

46 - Simple Flexbox Pattern Example.mp4

09:55

47 - Simple Flexbox Pattern Example 2.mp4

05:20

48 - Simple Flexbox Pattern Example 3.mp4

06:27

49 - Positioning.mp4

15:34

4 - Introducing The Course Project

50 - Introducing The Course Project.mp4

07:32

51 - Optional Course Project Setup Part 1.mp4

12:13

52 - Optional Course Project Setup Part 2.mp4

15:33

5 - BuildIn Controls

53 - 05-buildin-controls.zip

53 - Section Overview.mp4

04:01

54 - Buttons.mp4

10:45

55 - Add Basic Functionality To Controls.mp4

12:31

56 - Working With Text.mp4

13:32

57 - Themes.mp4

04:00

58 - Complex Controls Slider.mp4

08:50

59 - UI Toolkit Debugger.mp4

06:46

60 - Styling Controls.mp4

08:44

61 - Using The Slider.mp4

08:38

62 - Project Practice Simple Controls Part 1.mp4

08:14

63 - Project Practice Simple Controls Part 2.mp4

08:26

64 - Optional Using The Documentation.mp4

14:24

6 - Templates

65 - 06-templates.zip

65 - Section Overview.mp4

03:37

66 - Working With Visual Elements In Scripts.mp4

16:38

67 - Templates in UI Builder.mp4

14:39

68 - Templates In Scripts.mp4

10:50

69 - Loading Assets In Scripts.mp4

11:28

70 - Project Practice Templates.mp4

11:09

7 - Finding Elements With UQuery

71 - Section Overview.mp4

03:00

72 - Why are there 3 different ways.mp4

11:24

73 - Setup Explained.mp4

11:05

74 - UQueryBuilder.mp4

08:51

75 - How To Find Single Elements With Q.mp4

12:43

76 - How To Find Any Element With Query.mp4

12:47

77 - Swiss Army Knife For Queries.mp4

07:43

78 - Project Practice Queries.mp4

11:16

8 - Events in UI Toolkit

79 - 08-events.zip

79 - Detailed Course Overview Sections 814.mp4

12:11

80 - Section Overview.mp4

03:33

81 - Events Overview.mp4

15:41

82 - Event Data.mp4

09:02

83 - Understanding Event Propagation.mp4

12:09

84 - Event Propagation In Code Part 1.mp4

11:16

85 - Event Propagation In Code Part 2.mp4

08:00

86 - Event Example 1.mp4

05:45

87 - Event Example 2.mp4

15:40

9 - Data Binding

88 - 09-databinding.zip

88 - Section Overview.mp4

05:27

89 - Data Binding Intro.mp4

08:41

90 - Simple UI Binding.mp4

12:11

91 - Adding A Data Class.mp4

05:15

92 - System Events and C Properties.mp4

08:47

93 - Creating A Card Component.mp4

14:13

94 - Simulating Data.mp4

11:43

95 - Using VisualElementuserdata.mp4

11:51

96 - Dynamically Adding Elements.mp4

15:33

10 - Data Binding With Special Controls

97 - 10-specialcontrols.zip

97 - Section Overview.mp4

04:09

98 - Simple Dropdown.mp4

16:28

99 - Project Beyond BuildIn Controls.mp4

08:26

100 - Project DropdownController.mp4

12:30

101 - Project Displaying The Fractions.mp4

09:27

102 - ListView.mp4

17:17

103 - Project List Preparation.mp4

07:38

104 - Project ListController.mp4

09:27

105 - Project Displaying Selected Items.mp4

14:33

106 - Small Correction On The Last Video.mp4

01:59

11 - Custom Controls

107 - 11-customcontrols.zip

107 - Section Overview.mp4

03:06

108 - Our First Custom Control.mp4

09:59

109 - Add Styling To A Custom Control.mp4

08:10

110 - Custom PopupWindow Part 1.mp4

09:55

111 - Custom PopupWindow Part 2.mp4

08:44

112 - Adding Custom Attributes.mp4

12:35

113 - Adding Functionality To A Custom Control.mp4

10:18

114 - Project Adding A Custom Star Control Part 1.mp4

13:00

115 - Project Adding A Custom Star Control Part 2.mp4

14:49

12 - Manipulators

116 - 12-manipulators.zip

116 - Section Overview.mp4

03:23

117 - Motivation.mp4

04:22

118 - Creating Our First Manipulator.mp4

09:17

119 - Understanding MotionBehavior Like Dragging.mp4

05:52

120 - Manipulator For Dragging.mp4

14:34

121 - Manipulator For Resizing.mp4

04:56

122 - Github repo with small UI Toolkit projects.txt

122 - Project Adding A Tooltip Manipulator Part 1.mp4

07:49

123 - Github repo with small UI Toolkit projects.txt

123 - Project Adding A Tooltip Manipulator Part 2.mp4

08:06

124 - Github repo with small UI Toolkit projects.txt

124 - Project Adding A Tooltip Manipulator Part 3.mp4

11:42

13 - Extra Epoch Carousel

125 - What are we going to build.mp4

05:00

126 - Assembling The Carousel.mp4

04:25

127 - Adding Content To The ScrollView.mp4

10:39

128 - Lets Implement The Scolling Behavior.mp4

07:53

129 - Display The Prior And The Next Epoch.mp4

04:18

130 - Adding The Epoch Bullets.mp4

09:17

14 - Game Project

131 - What are we going to build.mp4

04:12

132 - Basic Layout.mp4

12:19

133 - Content For Top Containers.mp4

07:21

134 - Content For Bottom Containers.mp4

07:48

135 - Adjusting The Fonts.mp4

05:17

136 - Adding Placeholders For The AnswerIcons.mp4

03:54

137 - Lets Talk About Dragging.mp4

06:39

138 - Simple Dragging Pattern.mp4

21:40

139 - Dropping The Icons.mp4

05:56

140 - Game Architecture.mp4

04:04

141 - Game Data and State.mp4

06:01

142 - Implementing The Game Logic.mp4

08:15

143 - Connecting The Game Controller.mp4

06:15

144 - Connecting The First UI Pieces.mp4

06:51

145 - Add Some Data aka some questions.mp4

04:23

146 - The Next Hint Button.mp4

05:09

147 - Adding The Manipulator To The Icons.mp4

09:19

148 - Load Real Icons Dynamically.mp4

09:36

149 - Checking Answers.mp4

09:59

150 - Lets Provide Some Feedback To The Player.mp4

11:44

151 - Add Pressure With A Timer.mp4

12:20

152 - Thank You.mp4

03:10

Description

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

Who is this for?

Unity developers interested in User Interfaces

What You Need to Know?

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

More details

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 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...

Who this course is for:
Unity developers interested in User Interfaces

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm David. I am living in South Germany where I made my Masters-Degree in Computer Science a couple of years ago. Working as a Software-Engineer for over 8 years, but my real passion is 2d-Game development in Unity 3D and teaching. I have a couple of projects in my portfolio like RTS-Games, Citybuilders, or AI-Sport Simulations some of which I learned here on Udemy. In the real world, I have a wife, a son, and a dog, love movies and American Football (GO PATS!)

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.