Duration: 48:38

27,482 views

725

Like building your own UI tools? Here we go step by step with the UI Builder to quickly create an Inspector for real-time Play mode debug data visualization. Then we’ll enhance it using USS Transitions and the Vector API, migrate it to a custom Editor window, and finally port it to the Player/Runtime.

Learn more about the UI Toolkit: https://on.unity.com/3V3P2JN

00:00 - Introduction
02:30 - Custom Property Drawers with Nested Inspectors
08:52 - Decorate with Property Attributes
10:07 - Custom Inspectors
14:02 - UI Documents (UXML)
15:22 - UI Builder for Editor Extension Authoring
19:22 - UI Builder Visual Authoring Workflows
22:33 - Painter2D and Custom UI Shapes (PieChart)
26:02 - Rich Text (with Hyperlinks)
26:58 - StyleSheets (USS)
27:58 - Editor Standard USS Variables (Light/Dark Theme Support)
29:55 - UI Toolkit Samples Window
31:25 - ListView (Virtualized List)
32:50 - Multi Column ListView
38:48 - Runtime Theme Used In Editor
39:45 - USS Transitions on Hover
40:10 - USS Transform Styles (scale/position/rotate)
41:08 - Custom Editor Windows
43:01 - Custom Inspector in Runtime (Player)
44:45 - UI Builder In-Context Sub-Document Workflow
45:33 - New UI Toolkit Data Bindings (Runtime and Editor) in Unity 2023