LayersLayout

A layout container that stacks children on top of each other like layers.

LayersLayout positions all children at the same location (with offsets applied), creating a stack where each child view overlaps the previous ones. The layout automatically adjusts its size to fit the largest child.

Key features:

• Children are stacked with increasing depth values
• Container size adapts to the largest child
• Each child can have independent positioning via offsets
• Supports padding that affects all children

Common use cases:

• Card stacks or overlapping UI elements
• Background/foreground layering
• Overlay containers
• Z-ordered visual effects

var layers = new LayersLayout();
layers.padding(20);

// Add background layer
var bg = new View();
bg.viewSize(ViewSize.fill(), ViewSize.fill());
bg.transparent = false;
bg.color = Color.GRAY;
layers.add(bg);

// Add content layer on top
var content = new TextView();
content.text = "Layered Content";
content.offsetX = 10; // Offset from padding
content.offsetY = 10;
layers.add(content);

Instance Members #

Computes the layout size based on the largest child dimensions. The final size is the maximum width and height among all active children, plus any padding.

Creates a new LayersLayout. The layout is transparent by default to show layered content.

Private Members #

Positions all child views within the padded area. Each child is placed at the same base position (accounting for anchors), with individual offsets applied. Depth values increase for each child to maintain proper layering order.

Metadata #