Version: 2021.3
Language : English
UXML element Vector4Field
Create a complex list view

Structure UI examples

The best way to learn how to structure UI(User Interface) Allows a user to interact with your application. Unity currently supports three UI systems. More info
See in Glossary
is to try examples. The following examples demonstrate how to use built-in controls, and create and use custom controls in your UI.

Layout

Topics Description
Relative and absolute positioning C# example Use relative and absolute positioning to lay out UI in C#.

List and tree views

Topics Description
Create a complex list view Use ListView to create a custom Editor window with a list of characters.
Create a list view runtime UI Use ListView to create a simple character selection screen runtime UI.

Scroll view

Topics Description
Wrap content inside a ScrollView Use styles to wrap content inside a scroll view.

Label

Topics Description
Create a tabbed menu for runtime Use Label to create tabbed menu.

Pop-up window

Topics Description
Create a pop-up window Use UnityEditor.PopupWindow to create a pop-up window

Toggle

Topics Description
Use Toggle to create a conditional UI Use Toggle to create a conditional UI in an Editor window.

Custom control

Topics Description
Create a custom control with two attributes Create a simple custom control with two attributes and expose the custom control to the UXML and UI Builder.
Create a slide toggle custom control Create a “switch-like” toggle custom control.
Create a radial progress indicator Create a custom control that displays a floating point number between 0 and 100.
Create a bindable custom control Create a custom control that bounds to a property with the double data type.
Create a custom style for a custom control Create a custom control that reads two colors from USS and uses them to generate a texture.

Additional resources

UXML element Vector4Field
Create a complex list view