Layout 특징

Auto Layout
• AutoLayout is the default layout
• This layout is relatively dumb
• Uses HTML to naturally size items
• Does not size children according to parent
• Important: You must configure another layout if you want dynamic sizing of child items.

Column Layout
• Extends AutoLayout
• Manages Width of child items
• Allows wrapping of child items
• Does not size children vertically

Fit Layout
• Extends Container Layout
• Designed to size a single child item to the full size of a Container
• *does not allow scrolling

Anchor Layout
• Extends Container Layout
• Designed to dynamically size 1+ child items in both height and width dimensions based on rules
• known as anchor “anchor”
• does allow scrolling

Absolute Layout
• Extends Anchor Layout
• Designed to dynamically position 1+ child items in both X and Y coordinate space
• Does not dynamically size children
• does allow scrolling

Border Layout
• Extends Container Layout, automatically sizing children
• Organizes child items into “regions”
• north, south, east, west
• Regions can be resizable or collapsible
• Requires a center region

BoxLayouts
• Box is extends Container, and is a base class for HBox VBox
• HBox organizes children in a horizontal row (side by side)
• VBox organizes them in a vertical stack
• useful layout configs: align, pack
• child configs: height, width, flex