Tile レイアウトコンテナの作成 -- Flex 2.01

MXML で Tile コンテナを定義するには、<mx:Tile> タグを使用します。MXML の他の場所 (別のタグまたは ActionScript ブロック) のコンポーネントを参照する場合は、id 値を指定します。tileHeight および tileWidth プロパティを使用すると、タイルのサイズを明示的に指定できます。

次の例では、Tile レイアウトコンテナの図で示した水平方向の Tile コンテナを作成します。すべてのセルには、最大の子の高さと幅が適用されます (高さ 50 ピクセル、幅 100 ピクセル)。

<?xml version="1.0"?>
<!-- containers\layouts\TileSimple.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Tile id="myFlow" 
        direction="horizontal" 
        borderStyle="solid"
        paddingTop="10" paddingBottom="10" 
        paddingRight="10" paddingLeft="10" 
        verticalGap="15" horizontalGap="10">
        
        <mx:TextInput id="text1" text="1" height="50" width="75"/>
        <mx:TextInput id="text2" text="2" height="50" width="100"/>
        <mx:TextInput id="text3" text="3" height="50" width="75"/>
        <mx:TextInput id="text4" text="4" height="50" width="75"/>
        <mx:TextInput id="text5" text="5" height="50" width="75"/>
    </mx:Tile>
</mx:Application>