Layouter Solution
Summary
A solution exemplifying the use of the layout.
It contains several 2D scenes for all kinds of 2D layout and for central layout properties. An additional 2D scene shows how to configure layouts that automatically resize when the available space changes.
It also contains several 3D scenes to show how to work with the different layout on a canvas to position Canvas Texts and Canvas Sprites. 3D scenes that explain the Layout Properties can also be found in this solution as well as the automatic resizing Layouts.
Purpose
The user can see how to use layout in 2D and 3D scenes (with canvas) and gets to know the core properties and how their values affect the layout calculation. The included "use cases" scene uses three different layouts to realize a layout that resizes automatically when the available space is changed.
Description
2D Scenes for 2D Layout
It contains one 2D scene for each of the following layouts to demonstrate their functionalities:

2D Scenes for 2D Layout Properties
To show the possibilities of the layout properties there is a 2D scene for each of the following properties:

2D Scene for 2D Layout Use Cases

3D Scenes for 3D Canvas Layout
3D Scenes for Canvas Layout
For positioning canvas nodes (canvas texts and canvas sprites) on a canvas the same layouts are available as for 2D scenes. Several 3D scenes show the functionality of these layouts on a canvas.
- Canvas - Layouter - BaseLine Layout
- Canvas - Layouter - Default Layout
- Canvas - Layouter - Dock Panel Layout
- Canvas - Layouter - Grid Layout
- Canvas - Layouter - Overlay Layout
- Canvas - Layouter - Stack Layout
3D Scenes for 3D Canvas Layout Properties
The possibilities of the 3D Canvas layout properties can be seen in separate 3D scenes for:
- Canvas - Properties - Alignment
- Canvas - Properties - Margin
- Canvas - Properties - Stretch Behavior
3D Scene for 3D Canvas Layout Use Cases
- Canvas - Use Cases - Automatic Resizing Layouter
For more information see: Layouter