You can use layout for placing UI objects in relation screen borders or other objects. Layout consists of properties alignment, margins and layout size and can be defined either specific to an object or as general rules imposed on child objects by specific layout containers. See Layouts.
You can set object positions, rotations and scale with transformations. Two transformation types are available in Kanzi Studio:
Layout containers (for example, stack layouts or grid layouts) apply their own transformations on all immediate child objects who in their part define their own layout considering their own children, layout transformations, margins and alignments.
For example, a stack layout set in direction X places two objects next to each other based on the their dimensions (bounding boxes). By using the Layout Width property you can override the width of the bounding box: a value smaller than the actual size of the object creates two nested objects, whereas a larger value extends the space between the two objects.
After all layout tasks are done, final transformations from parent nodes are applied. The Root Layer under the Screen object has special rules for its layout if it is a Viewport Layer or an Empty Layer. It inherits the defined screen size, unless defined by the layout properties.
Layout containers are special types of UI objects that manage the positioning of their children according to specific sets of rules. By default, Kanzi includes stack, trajectory, flow and grid layouts. The list can be extended by implementing custom layouts. See Creating custom layouts.
Layout containers can be useful for, for example:
See Layouts.