The best way to learn how to structure UI is to try examples. The following examples demonstrate how to use built-in controls, and create and use custom controls in your UI.
| Topics | 説明 |
|---|---|
| Relative and absolute positioning C# example | Use relative and absolute positioning to lay out UI in C#. |
| Topics | 説明 |
|---|---|
| Create list and tree views | Use ListView, TreeView, MultiColumnListView, and MultiColumnTreeView to create list and tree views. |
| 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. |
| Create a drag-and-drop list and tree views between windows | Use ListView, TreeView, and MultiColumnListView to create a drag-and-drop UI between windows. |
| Topics | 説明 |
|---|---|
| Wrap content inside a ScrollView | Use styles to wrap content inside a scroll view. |
| Topics | 説明 |
|---|---|
| Create a tabbed menu for runtime | Use Label to create tabbed menu. |
| Topics | 説明 |
|---|---|
| Create a pop-up window | Use UnityEditor.PopupWindow to create a pop-up window |
| Topics | 説明 |
|---|---|
| Use Toggle to create a conditional UI | Use Toggle to create a conditional UI in an Editor window. |
| Topics | 説明 |
|---|---|
| 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. |