| Flex 2 開発ガイド > Flex アプリケーションのユーザーインターフェイスの作成 > レイアウトコンテナの使用 > Grid レイアウトコンテナ | |||
|
|||
|
|||
|
|||
Grid レイアウトコンテナを使用すると、セルで構成される行と列として子を配置できます。これは HTML テーブルとよく似ています。次の例に、9 つのセルが 3 x 3 のパターンで構成されている Grid コンテナを示します。
Grid コンテナの各セルには、0 または 1 つの子を配置できます。1 つのセル内に複数の子を配置する場合は、セル内にコンテナを配置してから、そのコンテナに子を追加します。1 つの行内のセルの高さはすべて同じですが、各行の高さは異なっていてもかまいません。1 つの列内のセルの幅はすべて同じですが、各列の幅は異なっていてもかまいません。
Grid コンテナの行または列ごとに、異なるセル数を定義できます。さらに、コンテナの複数の列や行にまたがる 1 つのセルを配置することもできます。
Grid、GridRow、および GridItem コンテナには、以下のデフォルトサイズ設定属性があります。
|
プロパティ |
デフォルト値 |
|---|---|
|
グリッドの高さ |
すべての行のデフォルトの高さ、または明示的な高さの合計に、行間の間隔を加えた高さです。 |
|
グリッドの幅 |
すべての列のデフォルトの幅、または明示的な幅の合計に、列間の間隔を加えた高さです。 |
|
各行および各セルの高さ |
行内で最も高いアイテムのデフォルトの高さ、または明示的な高さです。GridItem コンテナに明示的なサイズが設定されていない場合は、このデフォルトの高さは、セル内の子のデフォルトまたは明示的な高さとなります。 |
|
各列および各セルの幅 |
列内で最も幅広いアイテムのデフォルトの幅、または明示的な幅です。GridItem コンテナに明示的な幅が設定されていない場合は、このデフォルトの幅は、セル内の子のデフォルトまたは明示的な幅となります。 |
|
行と列間の間隔 |
Grid クラスの |
|
デフォルトパディング |
3 つのコンテナクラスすべてにおいて、 |
明示的にサイズ設定したセルより、その子のデフォルトまたは明示的なサイズが大きい場合は、子はセルの境界線でクリッピングされます。
子の幅または高さのデフォルト値がセルよりも小さい場合、デフォルトでは、セル内の子の水平方向の整列は left であり、垂直方向の整列は top です。子の配置を制御するには、<mx:GridItem> タグの horizontalAlign および verticalAlign プロパティを使用します。
詳細については、『Adobe Flex 2 リファレンスガイド』の Grid、GridRow、および GridItem を参照してください。すべてのセルを同じサイズでレイアウトする機能を持つ Tile コンテナの詳細については、Tile レイアウトコンテナを参照してください。
Flex 2.01