Edit

Introduction to layouts and containers

A number of layouts are available to position and size children in Feathers UI containers. There are two types of containers in Feathers UI, and certain layouts may be better suited for one type over the other.

• Simple containers use standard display list APIs (like addChild() and removeChild()) to manage children.
• Data containers render children by interpreting objects that have been added to data collections.

Every layout may be used with both container types, but data containers support special layouts that are better optimized for displaying a large number of children.

Simple containers

Use the standard display list APIs to add and remove children from simple containers like the ones below.

• LayoutGroup
• ScrollContainer
• Panel

The following layouts are best suited for simple containers.

• AnchorLayout
• HorizontalLayout
• ResponsiveGridLayout
• VerticalLayout

Data containers

Components that render data collections may take advantage of special layouts that are better optimized for displaying many more children than a typical container.

• ListView
• GridView
• TreeView

The following layouts are optimized for data containers by providing virtualization and item renderer recycling.

• HorizontalListLayout
• VerticalListLayout
• VerticalListFixedRowLayout