Using multiple containers for more complex layouts : Group « Container « Flex






  1. Flex
  2. Container
  3. Group

Using multiple containers for more complex layouts

     

<?xml version="1.0" encoding="utf-8"?>
<s:Application 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="http://www.adobe.com/2006/mxml">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <s:Group>
        <s:layout>
            <s:HorizontalLayout />
        </s:layout>
        <mx:Button label="Button 1" />
        <mx:Button label="Button 2" />
    </s:Group>
    <s:Group>
        <s:layout>
            <s:HorizontalLayout />
        </s:layout>
        <mx:Button label="Button 3" />
        <mx:Button label="Button 4" />
    </s:Group>
</s:Application>








Related examples in the same category

1.Using an HGroup inside of a panel to add a margin from edge
2.Use HGroup to layout Label, CheckBoxesUse HGroup to layout Label, CheckBoxes
3.Contain an HGroup (horizontal group) containerContain an HGroup (horizontal group) container
4.Spark HGroup ContainerSpark HGroup Container
5.Three images in an HGroup container.Three images in an HGroup container.
6.Creates a Button control inside the HGroup containerCreates a Button control inside the HGroup container
7.Spark Group Container Row HeightSpark Group Container Row Height
8.Use VGroup containerUse VGroup container
9.Force the VGroup containers to be included in the test script's hierarchyForce the VGroup containers to be included in the test script's hierarchy
10.Color property for a VGroup control is blue.Color property for a VGroup control is blue.
11.Group element add eventGroup element add event
12.Use a Spark Group container with three child controls, where the Group container lays out its children verticallyUse a Spark Group container with three child controls, where the Group container lays out its children vertically
13.Show a Spark Group container that contains a child Image controlShow a Spark Group container that contains a child Image control
14.Add scroll bars to the Spark Group container by wrapping the container in the Scroller componentAdd scroll bars to the Spark Group container by wrapping the container in the Scroller component
15.Make Group container the child of the Scroller componentMake Group container the child of the Scroller component
16.Add element to Group with ActionScriptAdd element to Group with ActionScript
17.Set default vertical alignment of top for HorizontalLayout to align the children of a Group container to container bottomSet default vertical alignment of top for HorizontalLayout to align the children of a Group container to container bottom
18.Group container myGroup is the viewport for this scrollerGroup container myGroup is the viewport for this scroller
19.Controlling layout using view states groupsControlling layout using view states groups
20.Create a Group container with an Button controlCreate a Group container with an Button control
21.A Group container with four Button controls as its children:A Group container with four Button controls as its children:
22.containers Viewport Setcontainers Viewport Set
23.Grouping Graphic objects togetherGrouping Graphic objects together
24.Set rowHeight property to a pixel value large enough for all the childrenSet rowHeight property to a pixel value large enough for all the children
25.Group ButtonsGroup Buttons