Skip to main content

Layouter Solution

Summary

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

Purpose

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

Description

2D Scenes for 2D Layouters

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

drawing-7-1677831723.png

2D Scenes for 2D Layouters' Properties

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

drawing-7-1677831750.png

2D Scene for 2D Layouters' Use Cases

drawing-7-1676611879.png

3D Scenes for 3D Canvas Layouters

3D Scenes for Canvas Layouters

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

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

For more information see: Layouter