Version: 2022.1
Structure UI with UXML
Introduction to visual elements and the visual tree

The visual tree

In your UI(User Interface) Allows a user to interact with your application. Unity currently supports three UI systems. More info
See in Glossary
, you structure elements into a visual treeAn object graph, made of lightweight nodes, that holds all the elements in a window or panel. It defines every UI you build with the UI Toolkit.
See in Glossary
.

Topic Description
Introduction to visual elements and visual tree Understand visual elementsA node of a visual tree that instantiates or derives from the C# VisualElement class. You can style the look, define the behaviour, and display it on screen as part of the UI. More info
See in Glossary
in the visual tree and how to use it.
Panels Understand panels in the visual tree.
Draw order Understand the elements ordering in the visual tree.
Coordinate and position systems Understand relative and absolute coordinates and transformation between coordinate systems.
Relative and absolute positioning C# example Learn how to create absolute and relative positions by an example.
UQuery Use UQuery to retrieve elements and best practices.
Best practices for managing elements Things you can do to improve performance when you manage elements in a UI.
Structure UI with UXML
Introduction to visual elements and the visual tree