FlexLayouts

CircleLayout is a custom layout that arranges visual components in a circle so that they fit entirely inside their parent container. For example, CircleLayout could be used to arrange the numbers in a clock.

Usage

<s:Group>
    ...
    <s:layout>
        <s:CircleLayout rotation="-90" rotateElements="true" />
    </s:layout>
</s:Group>

Params

rotation

The extra angular offset (in degrees) from zero.

rotateElements

If true, then all elements in the layout will be rotated to point outwards. If false (the default), then the elements are un-rotated (aka they all point upwards).

Sample

full screen | view source | download

More Samples

Author

Layout & sample by Justin.