kylefang/AsyncDisplayKit
1
0
Fork 0
mirror of https://github.com/HackPlan/AsyncDisplayKit.git synced 2026-04-01 20:29:54 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
d5521033758e8a48110208a65dac91c4db974985
AsyncDisplayKit/_docs/automatic-layout-containers.md
Connor Montgomery acf49d2a94 Removes trailing bullet point.
2016-04-19 17:42:40 -04:00

1.5 KiB
Raw Blame History

title, layout, permalink, next
title layout permalink next
Layout Containers docs /docs/automatic-layout-containers.html automatic-layout-examples.html

AsyncDisplayKit includes a library of components that can be composed to declaratively specify a layout. The following LayoutSpecs allow you to have multiple children:

  • ASStackLayoutSpec is based on a simplified version of CSS flexbox. It allows you to stack components vertically or horizontally and specify how they should be flexed and aligned to fit in the available space.
  • ASStaticLayoutSpec allows positioning children at fixed offsets.

The following layoutSpecs allow you to layout a single children:

  • ASLayoutSpec can be used as a spacer if it contains no children
  • ASInsetLayoutSpec applies an inset margin around a component.
  • ASBackgroundLayoutSpec lays out a component, stretching another component behind it as a backdrop.
  • ASOverlayLayoutSpec lays out a component, stretching another component on top of it as an overlay.
  • ASCenterLayoutSpec centers a component in the available space.
  • ASRatioLayoutSpec lays out a component at a fixed aspect ratio. Great for images, gifs and videos.
  • ASRelativeLayoutSpec lays out a component and positions it within the layout bounds according to vertical and horizontal positional specifiers. Similar to the “9-part” image areas, a child can be positioned at any of the 4 corners, or the middle of any of the 4 edges, as well as the center.

##Strategy