UI Toolkit Manual Code Examples

This repo includes the code examples for Unity's UI Toolkit documentation. The code examples in this repo don't work by themselves and the repo doesn't include any project files.

You must follow the steps in the UI Toolkit user manual to create the examples. You can create the examples with any Unity template and with the sample scene. Most of the examples were created with Editor UI for demo purposes, but they will work for runtime UI.

Editor UI examples

• Get started with UI Toolkit
• Relative and absolute positioning C# example
• Create a Custom Inspector

Runtime UI examples

• Get started with runtime UI

Custom controls examples

• Create a slide toggle custom control
• Create a radial progress indicator
• Create a bindable custom control
• Create a custom style for a custom control
• Create a custom control with two attributes

Basic binding examples

• Bind with binding path in C# script
• Bind without the binding path
• Bind with UXML and C#
• Create a binding with the Inspector
• Bind to nested properties
• Bind to a UXML template
• Receive callbacks when a bound property changes
• Receive callbacks when any bound properties change

Advanced binding examples

• Bind to a list with ListView
• Bind to a list without ListView
• Bind a custom control
• Bind a custom control to custom data type

UI controls examples

• Use Toggle to create a conditional UI
• Wrap content inside a scroll view
• Create list and tree views
• Create a complex list view
• Create a list view runtime UI
• Create a pop-up windows
• Create a tabbed menu for runtime

Transition examples

• Create a transition in a custom Editor window
• Transition events
• Create looping transitions

Drag-and-drop UI examples

• Create a drag-and-drop UI inside a custom Editor window
• Create a drag-and-drop UI to drag between Editor windows

Vector UI examples

• Create a pie chart in the Editor and runtime UI
• Use Vector API to create a radial progress indicator