Skip to main content

Layouter Solution

Summary

A solution exemplifying the use of the layouter.layout. 
It contains several 2D scenes for all kinds of 2D layouterslayout and for central layouterlayout properties. An additional 2D scene shows how to configure layouterslayouts that automatically resize when the available space changes.
It also contains several 3D scenes to show how to work with the different layouterslayout on a canvas to position Canvas Texts and Canvas Sprites. 3D scenes that explain the LayouterLayout Properties can also be found in this solution as well as the automatic resizing Layouters.Layouts.

Purpose

The user can see how to use layouterslayout 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 layouterslayouts to realize a layout that resizes automatically when the available space is changed.

Description

2D Scenes for 2D LayoutersLayout

It contains one 2D scene for each of the following layouterslayouts to demonstrate their functionalities:

drawing-7-1677831723.pngdrawing-5-1726829042.png

2D Scenes for 2D Layouters'Layout Properties

To show the possibilities of the layouters'layout properties there is a 2D scene for each of the following properties:

drawing-7-1677831750.pngdrawing-7-1677831750.png

2D Scene for 2D Layouters'Layout Use Cases

drawing-7-1676611879.pngdrawing-7-1676611879.png

3D Scenes for 3D Canvas LayoutersLayout

3D Scenes for Canvas LayoutersLayout

For positioning canvas nodes (canvas texts and canvas sprites) on a canvas the same layouterslayouts are available as for 2D scenes. Several 3D scenes show the functionality of these layouterslayouts 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 Layouters'Layout Properties

The possibilities of the 3D Canvas layouters'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 Layouters'Layout Use Cases
  • Canvas - Use Cases - Automatic Resizing Layouter

For more information see: Layouter