| Flex 2 開発ガイド > Flex アプリケーションのユーザーインターフェイスの作成 > レイアウトコンテナの使用 > Tile レイアウトコンテナ | |||
|
|||
|
|||
|
|||
Tile レイアウトコンテナは、子を 1 つまたは複数の垂直列または水平行に配置し、必要に応じて新しい行や列を開始します。direction プロパティによってレイアウトが決まります。direction プロパティの有効値は、列レイアウトの場合は vertical、行レイアウトの場合は horizontal (デフォルト) です。
Grid レイアウトコンテナのセルと異なり (Grid レイアウトコンテナを参照)、Tile コンテナのすべてのセルは同一サイズです。Flex は Tile コンテナのセルを四角形のグリッド内に配置します。各セルには、1 つの子コンポーネントが保持されます。たとえば、16 個の子を Tile レイアウトコンテナに定義すると、Flex は、4 つのセルの幅と 4 つのセルの高さでレイアウトします。13 個の子を定義した場合は、4 つのセルの幅と 4 つのセルの高さでレイアウトされますが、4 番目の列内の最後の 3 つのセルは空のままになります。
次の図に、水平および垂直方向の Tile コンテナの例を示します。
Tile コンテナには、次のデフォルトサイズ設定属性があります。
|
プロパティ |
デフォルト値 |
|---|---|
|
|
|
|
全セルのデフォルトサイズ |
height は、最も高い子のデフォルトまたは明示的な高さです。width は、最も幅の広い子のデフォルトまたは明示的な幅です。すべてのセルのデフォルトサイズは同一です。 |
|
Tile コンテナのデフォルトサイズ |
Flex は、子の数の平方根を計算し、最も近い整数に切り上げます。たとえば、子の数が 26 である場合の平方根は 5.1 ですが、6 に切り上げられます。したがって Flex は、Tile コンテナを 6 x 6 グリッドでレイアウトします。 Tile コンテナのデフォルトの高さは、(タイルセルのデフォルトの高さ) * (子の数の切り上げられた平方根) で求めた値に、子同士の間隔とパディングをすべて加算した値となります。デフォルトの幅は、(タイルセルのデフォルトの幅) * (子の数の切り上げられた平方根) で求めた値に、子同士の間隔とパディングをすべて加算した値となります。 |
|
Tile コンテナの最小サイズ |
1 つのセルのデフォルトサイズです。Flex は常に、少なくとも 1 つのセルを表示するための十分な領域を割り当てます。 |
|
デフォルトパディング |
|
詳細については、『Adobe Flex 2 リファレンスガイド』の Tile を参照してください。
Flex 2.01