Runtime data binding in UI Toolkit connects your user interface directly to application data so the UI automatically reflects changes in state. This reduces the amount of manual update logic for every element.

This video introduces how to set up runtime data binding in UI Toolkit using UI Builder, UXML, and ScriptableObjects.

You’ll see how Data Source, Data Source Path, binding modes, and converters work together so your UI displays data with minimal manual scripting.

Learn more about runtime data binding: https://on.unity.com/RuntimeDataBinding

Learn more about UI Toolkit scripting: https://on.unity.com/UIToolkitScripting

Download the QuizU sample project: https://on.unity.com/QuizUSample

[0:00] Introduction
[0:22] What is data binding?
[1:30] Setting up the data source
[2:18] Configuring the ScriptableObject
[3:39] Building the View (HealthBar UI)
[4:15] Setting data bindings
[7:15] Binding a style property
[8:43] Binding modes
[9:31] Using converters
[12:15] Wrap-up

_______________

Stay connected with us: 
Games Twitter/X: https://x.com/unitygames
Instagram: https://www.instagram.com/unitytechnologies/
Discord: https://discord.com/invite/unity
Discussions: https://discussions.unity.com/
LinkedIn: https://www.linkedin.com/company/unity/
Facebook: https://www.facebook.com/unity3d.in/
Bluesky: https://bsky.app/profile/unity.com
Company Twitter/X: https://x.com/unity

#Unity #UIToolkit #DataBinding

The Unity Blog offers insights, tutorials, and updates on Unity, a popular game engine used for building interactive experiences across various platforms. Covering topics such as game development, virtual reality, and augmented reality, the blog provides resources for game developers and creators. Developers can learn how to use Unity's features, tools, and APIs to build immersive games, simulations, and interactive experiences.

Unity

Unity's UI Toolkit runtime data binding (introduced in Unity 6) lets you connect UI elements to data sources without manual update loops. Using the CreateProperty attribute from Unity.Properties, you expose C# properties on a data model (e.g., a ScriptableObject) that UI Builder can discover and bind to UXML elements. Bindings are configured visually in UI Builder by selecting a data source path and a binding mode (ToTarget, ToSource, TwoWay, ToTargetOnce). Converters allow the same source value to drive multiple UI elements differently — for example, a health percentage can simultaneously render as a formatted string, a status label, and a background color — all without any presenter or update loop code.

UI Toolkit runtime data binding: Basics