mirror of
https://github.com/HackPlan/AsyncDisplayKit.git
synced 2026-04-06 22:34:04 +08:00
25 lines
1.5 KiB
Markdown
25 lines
1.5 KiB
Markdown
---
|
|
title: Layout Containers
|
|
layout: docs
|
|
permalink: /docs/automatic-layout-containers.html
|
|
next: 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
|