unity-technologies / ui-toolkit-manual-code-examples

Unity UI Toolkit documentation code examples

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

ui-toolkit-manual-code-examples's Issues

compilation errors in 2021.3.9f1 - 2D URP

C:\Users\VP\Unity Projects\UNity - UI Toolkit Dragons - 2D URP\Library\PackageCache\[email protected]\Runtime\SpriteShapeGenerator.cs(1157,21): Burst error BC1055: Unable to resolve the definition of the method UnityEngine.U2D.Common.UTess.ModuleHandle.Tessellate(Unity.Collections.Allocator, Unity.Collections.NativeArray1<Unity.Mathematics.float2>, Unity.Collections.NativeArray1<Unity.Mathematics.int2>, ref Unity.Collections.NativeArray1<Unity.Mathematics.float2>, ref int, ref Unity.Collections.NativeArray1<int>, ref int, ref Unity.Collections.NativeArray1<Unity.Mathematics.int2>, ref int)`

at UnityEngine.U2D.SpriteShapeGenerator.TessellateContour(UnityEngine.U2D.SpriteShapeGenerator* this) (at C:\Users\VP\Unity Projects\UNity - UI Toolkit Dragons - 2D URP\Library\PackageCache\[email protected]\Runtime\SpriteShapeGenerator.cs:1113)
at UnityEngine.U2D.SpriteShapeGenerator.Execute(UnityEngine.U2D.SpriteShapeGenerator* this) (at C:\Users\VP\Unity Projects\UNity - UI Toolkit Dragons - 2D URP\Library\PackageCache\[email protected]\Runtime\SpriteShapeGenerator.cs:2562)
at Unity.Jobs.IJobExtensions.JobStruct`1<UnityEngine.U2D.SpriteShapeGenerator>.Execute(ref UnityEngine.U2D.SpriteShapeGenerator data, System.IntPtr additionalPtr, System.IntPtr bufferRangePatchData, ref Unity.Jobs.LowLevel.Unsafe.JobRanges ranges, int jobIndex)

---

Library\PackageCache\[email protected]\Runtime\SpriteShapeGenerator.cs(1157,117): error CS1620: Argument 5 must be passed with the 'out' keyword
Library\PackageCache\[email protected]\Runtime\SpriteShapeGenerator.cs(1157,134): error CS1620: Argument 7 must be passed with the 'out' keyword
Library\PackageCache\[email protected]\Runtime\SpriteShapeGenerator.cs(1157,152): error CS1620: Argument 9 must be passed with the 'out' keyword

Element 'ChartLibrary.RadialCounter' has no registered factory method.
UnityEngine.GUIUtility:ProcessEvent (int,intptr,bool&)
Element 'MyUILibrary.SlideToggle' has no registered factory method.
UnityEngine.GUIUtility:ProcessEvent (int,intptr,bool&)
Element 'UIToolkitDemo.HealthBarComponent' has no registered factory method.
UnityEngine.GUIUtility:ProcessEvent (int,intptr,bool&)

THE CODE IN THIS REPO DOES NOT WORK

Great to see some examples for the new UI Toolkit. However, what would be really helpful is to make the entire repo as a Unity project and add a sample scene to each example.

Currently there are class name conflicts that are preventing the import of the entire repo into a single Unity project.

If the decision is taken to go with the above mentioned conversion I might find time to assist.

Display

On the tabs we do the .unselectedContent with display: none, but we never reactivate the display when switching, I went ahead and added a content.style.display = DisplayStyle.Flex on it to show the content on the SelectedTab.

Please specify Unity version with which this code is compatible

Could you add Unity version which is compatible with this code in Readme.md, since for ex., this code doesn't compile with 2020.3.

For ex.,
Assets\create-listviews-treeviews\PlanetsWindow.cs(110,28): error CS0246: The type or namespace name 'TreeViewItemData<>' could not be found (are you missing a using directive or an assembly reference?)