パッケージ | mx.containers |
クラス | public class Grid |
継承 | Grid Box Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
-
<mx:Grid>
タグは Grid コンテナを定義します。 -
<mx:GridRow>
タグはグリッド行を定義します。これには 1 つ以上のセルが含まれます。 グリッド行は、<Grid>
タグの子である必要があります。 -
<mx:GridItem>
タグはグリッドセルを定義します。これは<GridRow>
タグの子である必要があります。<mx:GridItem>
タグには、任意の数の子を含めることができます。
ある 1 行に含まれるセルの高さはすべて同じですが、行ごとに高さを変えることができます。 1 つの列に含まれるセルの幅はすべて同じですが、列ごとに幅を変えることができます。 Grid コンテナの行または列ごとに、異なるセル数を定義できます。 また、1 つのセルがコンテナの複数の列または行にまたがることもできます。
Grid、GridRow および GridItem コンテナには、以下のデフォルトサイズ設定属性があります。
特性 | 説明 |
---|---|
グリッドの高さ | すべての行のデフォルトの高さまたは明示的な高さの合計に、行間の間隔を加えた高さです。 |
グリッドの幅 | すべての列のデフォルトの幅または明示的な幅の合計に、列間の間隔を加えた幅です。 |
各行および各セルの高さ | 行内で最も高いアイテムのデフォルトの高さまたは明示的な高さです。 GridItem コンテナに明示的なサイズが設定されていない場合は、そのデフォルトの高さは、セル内の子のデフォルトまたは明示的な高さとなります。 |
各列および各セルの幅 | 列内で最も幅広いアイテムのデフォルトの幅または明示的な幅です。 GridItem コンテナに明示的な幅が設定されていない場合は、そのデフォルトの幅は、セル内の子のデフォルトまたは明示的な幅となります。 |
行と列間の間隔 | Grid クラスの horizontalGap および verticalGap スタイルによって決まります。どちらの間隔も、デフォルト値は 6 ピクセルです。 |
デフォルトパディング | 3 つのコンテナクラスすべてにおいて、top、bottom、left および right の各値が 0 ピクセルです。 |
The <mx:Grid>
tag inherits all of the tag
attributes of its superclass, except the Box.direction
property, and adds the following tag attributes:
<mx:Grid Styles horizontalGap="8" verticalGap="6" > ... These child tags are examples only: <mx:GridRow id="row1"> <mx:GridItem rowSpan="1" colSpan="1"> <mx:Button label="Button 1"/> </mx:GridItem> ... </mx:GridRow> ... </mx:Grid>
さらに例を参照
関連する API エレメント
メソッド | 定義元 | ||
---|---|---|---|
Grid()
コンストラクターです。 | Grid | ||
[オーバーライド]
このコンテナに子 DisplayObject を追加します。 | Container | ||
[オーバーライド]
このコンテナに子 DisplayObject を追加します。 | Container | ||
ビジュアルエレメントをこのコンテナに追加します。 | Container | ||
ビジュアルエレメントをこのコンテナに追加します。 | Container | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録し、リスナーがイベントの通知を受け取るようにします。 | EventDispatcher | ||
ビジュアルでないスタイルクライアントを、このコンポーネントのインスタンスに追加します。 | UIComponent | ||
特定の point ポイントを指定して呼び出した DisplayObjectContainer.getObjectsUnderPoint() メソッドから返されたリストに、セキュリティ上の制約のために省略される表示オブジェクトがあるかどうかを示します。 | DisplayObjectContainer | ||
後で呼び出す関数をキューに格納します。 | UIComponent | ||
このコンポーネントインスタンスからスタイルプロパティを削除します。 | UIComponent | ||
指定された表示オブジェクトが、DisplayObjectContainer インスタンスの子であるか、インスタンス自体であるかを指定します。 | DisplayObjectContainer | ||
[オーバーライド]
Point オブジェクトをコンテンツ座標からグローバル座標に変換します。 | Container | ||
[オーバーライド]
Point オブジェクトをコンテンツ座標からローカル座標に変換します。 | Container | ||
このコンテナの子を識別するプロパティのセットを返します。 | UIComponent | ||
このコンテナの子を識別するプロパティのセットを返します。 | UIComponent | ||
単一の UIComponentDescriptor を指定すると、対応するコンポーネントが作成され、このコンテナの子としてコンポーネントが追加されます。 | Container | ||
childDescriptors の配列を繰り返し処理し、配列の各要素に対して createComponentFromDescriptor() メソッドを呼び出します。 | Container | ||
遅延インスタンス化をサポートする IDeferredContentOwner インターフェイスが実装されたコンテナに対し、createComponentsFromDescriptors(true) メソッドを呼び出すのと同等のアクションを実行します。 | Container | ||
この IUIComponent オブジェクトへの id 参照を親ドキュメントオブジェクト上に作成します。 | UIComponent | ||
この IUIComponent オブジェクトへの id 参照を親ドキュメントオブジェクトから削除します。 | UIComponent | ||
この UIComponent のテキストスタイルに対応する UITextFormat オブジェクトを返します。 | UIComponent | ||
[オーバーライド]
イベントをイベントフローに送出します。 | UIComponent | ||
このコンポーネントを囲むフォーカスインジケーターを表示するか、または非表示にします。 | UIComponent | ||
drawRoundRect(x:Number, y:Number, w:Number, h:Number, r:Object = null, c:Object = null, alpha:Object = null, rot:Object = null, gradient:String = null, ratios:Array = null, hole:Object = null):void
このスキンの Graphics オブジェクトに矩形をプログラムにより描画します。 | UIComponent | ||
コンポーネントでの再生の停止時にエフェクトインスタンスによって呼び出されます。 | UIComponent | ||
コンポーネントでの再生の開始時にエフェクトインスタンスによって呼び出されます。 | UIComponent | ||
現在コンポーネントで再生中のすべてのエフェクトを終了します。 | UIComponent | ||
[オーバーライド]
このコンテナのすべてのデータバインディングを実行します。 | Container | ||
この Container の子 UIComponent オブジェクトへのバインディングを実行します。 | Container | ||
印刷の完了後に呼び出されます。 | UIComponent | ||
指定されたインデックス位置でオートメーションオブジェクトを提供します。 | UIComponent | ||
オートメーションオブジェクトリストを提供します。 | UIComponent | ||
targetCoordinateSpace オブジェクトの座標系を基準にして、表示オブジェクトの領域を定義する矩形を返します。 | DisplayObject | ||
エレメントの境界の x 座標を、指定したエレメントサイズで返します。 | UIComponent | ||
エレメントの境界の y 座標を、指定したエレメントサイズで返します。 | UIComponent | ||
[オーバーライド]
n 番目の子コンポーネントオブジェクトを取得します。 | Container | ||
[オーバーライド]
指定したストリングの name プロパティを持つ子を返します。 | Container | ||
[オーバーライド]
特定の子の 0 から始まるインデックスを取得します。 | Container | ||
コンテナのコンテンツである子で構成された DisplayObject オブジェクトの配列を返します。 | Container | ||
この UIComponent インスタンスのタイプセレクターを探します。 | UIComponent | ||
レイアウト制約値を返します。これは、このコンポーネントの制約スタイルを取得することと同じです。 | UIComponent | ||
指定されたインデックス位置にあるビジュアルエレメントを返します。 | Container | ||
ビジュアルエレメントのインデックス位置を返します。 | Container | ||
明示的に指定された高さを使用するのか、それとも測定された高さを使用するのかを決定するための便利なメソッドです。
| UIComponent | ||
明示された幅を使用するのか、それとも測定した幅を使用するのかを決定する便利なメソッドです。
| UIComponent | ||
現在フォーカスを持っているオブジェクトを取得します。 | UIComponent | ||
エレメントのレイアウトの高さを返します。 | UIComponent | ||
エレメントのレイアウトの幅を返します。 | UIComponent | ||
画面に描画するためにエレメントで使用する x 座標を返します。 | UIComponent | ||
画面に描画するためにエレメントで使用する y 座標を返します。 | UIComponent | ||
兄弟を基準としてコンポーネントのレイアウトを計算するために使用される変換マトリックスを返します。 | UIComponent | ||
このエレメントのレイアウト変換 Matrix3D を返します。 | UIComponent | ||
エレメントの最大の高さを返します。 | UIComponent | ||
エレメントの最大の幅を返します。 | UIComponent | ||
エレメントの最小の高さを返します。 | UIComponent | ||
エレメントの最小の幅を返します。 | UIComponent | ||
指定されたポイントの下にあり、この DisplayObjectContainer インスタンスの子(または孫など)であるオブジェクトの配列を返します。 | DisplayObjectContainer | ||
エレメントの推奨高さを返します。 | UIComponent | ||
エレメントの推奨幅を返します。 | UIComponent | ||
シェイプ上の線を除き、targetCoordinateSpace パラメーターによって定義された座標系に基づいて、表示オブジェクトの境界を定義する矩形を返します。 | DisplayObject | ||
指定された Repeater がこの Repeater を生成するために使用した dataProvider 内のアイテムを返します。この Repeater が繰り返されていない場合は、null を返します。 | UIComponent | ||
このコンポーネントのスタイル参照チェーンのいずれかの場所に設定されたスタイルプロパティを取得します。 | UIComponent | ||
[オーバーライド]
Point オブジェクトをグローバル座標からコンテンツ座標に変換します。 | Container | ||
point オブジェクトをステージ(グローバル)座標から表示オブジェクトの(ローカル)座標に変換します。 | DisplayObject | ||
ステージ(グローバル)座標の 2 次元のポイントを 3 次元の表示オブジェクトの(ローカル)座標に変換します。 | DisplayObject | ||
currentCSSState が null でない場合、true を返します。 | UIComponent | ||
EventDispatcher オブジェクトに、特定のイベントタイプに対して登録されたリスナーがあるかどうかを確認します。 | EventDispatcher | ||
オブジェクトに指定されたプロパティが定義されているかどうかを示します。 | Object | ||
指定されたステートがこの UIComponent で定義されているかどうかを判別します。 | UIComponent | ||
表示オブジェクトの境界ボックスを評価して、obj 表示オブジェクトの境界ボックスと重複または交差するかどうかを調べます。 | DisplayObject | ||
表示オブジェクトを評価して、x および y パラメーターで指定されたポイントと重複または交差するかどうかを調べます。 | DisplayObject | ||
水平方向のグラデーションを描画するときに rot パラメーターとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | ||
このコンポーネントの内部構造を初期化します。 | UIComponent | ||
このコンポーネントの繰り返しインスタンスを追跡する各種プロパティを初期化します。 | UIComponent | ||
次の画面更新時に updateDisplayList() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | ||
depth プロパティが変更されたことを示すために、コンポーネントのアイテムによって呼び出されます。 | UIComponent | ||
エレメントの layoutDirection を変更する場合、または親エレメントの layoutDirection を変更する場合は、エレメントでこのメソッドを呼び出す必要があります。 | UIComponent | ||
後で画面更新時に commitProperties() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | ||
後で画面更新時に measure() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | ||
Object クラスのインスタンスが、パラメーターとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。 | Object | ||
3 次元の表示オブジェクトの(ローカル)座標の 3 次元のポイントをステージ(グローバル)座標の 2 次元のポイントに変換します。 | DisplayObject | ||
[オーバーライド]
Point オブジェクトをローカル座標からコンテンツ座標に変換します。 | Container | ||
point オブジェクトを表示オブジェクトの(ローカル)座標からステージ(グローバル)座標に変換します。 | DisplayObject | ||
cssState が currentCSSState に一致した場合は、true を返します。 | UIComponent | ||
このインスタンスが、指定されたタイプと同じであるのか、それともそのサブクラスであるのかを判別します。 | UIComponent | ||
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、<font> や <b> のような HTML タグが含まれる可能性のある、指定の HTML テキストを測定します。 | UIComponent | ||
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField(または UIFTETextField)に表示するものとして、指定のテキストを測定します。 | UIComponent | ||
親の内部の指定された位置にコンポーネントを移動します。 | UIComponent | ||
スタイルの変更を子に通知します。 | UIComponent | ||
owner プロパティのチェーンが child からこの UIComponent を指定している場合に、true を返します。 | UIComponent | ||
UIComponent オブジェクトを親に対して追加または削除したときに Flex によって呼び出されます。 | UIComponent | ||
ピクセル数を、このコンテナのコンテンツに対するパーセント値に変換するために使用するメソッドです。 | Box | ||
印刷用の IFlexDisplayObject を準備します。 | UIComponent | ||
指定されたプロパティが存在し、列挙できるかどうかを示します。 | Object | ||
このコンポーネントの CSS スタイルキャッシュを作成または再作成します。recursive パラメーターが true の場合は、このコンポーネントのすべての下位要素の CSS スタイルキャッシュも作成または再作成します。 | UIComponent | ||
各エフェクトイベントごとに、EffectManager をイベントリスナーの 1 つとして登録します。 | UIComponent | ||
このコンテナの子リストからすべての子を削除します。 | Container | ||
コンテナからすべてのビジュアルエレメントを削除します。 | Container | ||
[オーバーライド]
このコンテナの子リストから子 DisplayObject を削除します。 | Container | ||
[オーバーライド]
このコンテナの子リストから、指定されたインデックス位置にある子 DisplayObject を削除します。 | Container | ||
DisplayObjectContainer インスタンスの子リストから、すべての child DisplayObject インスタンスを削除します。 | DisplayObjectContainer | ||
このコンテナの子リストから、指定されたビジュアルエレメントを削除します。 | Container | ||
コンテナ内の指定されたインデックス位置からビジュアルエレメントを削除します。 | Container | ||
EventDispatcher オブジェクトからリスナーを削除します。 | EventDispatcher | ||
ビジュアルでないスタイルクライアントを、このコンポーネントのインスタンスから削除します。 | UIComponent | ||
指定されたイベントを再生します。 | UIComponent | ||
仮想キーボードを前面に表示します。 | InteractiveObject | ||
提供された ID を使用して子を解決します。 | UIComponent | ||
[静的]
suspendBackgroundProcessing() が呼び出された後、callLater() によってキューに入れられたメソッドのバックグラウンド処理を再開します。 | UIComponent | ||
オブジェクトのサイズを設定します。 | UIComponent | ||
[オーバーライド]
特定の子のインデックスを設定します。 | Container | ||
レイアウト制約値を設定します。これは、このコンポーネントの制約スタイルを設定することと同じです。 | UIComponent | ||
現在の状態を設定します。 | UIComponent | ||
ビジュアルコンテナ内の既存のビジュアルエレメントの位置を変更します。 | Container | ||
現在扱っているコンポーネントにフォーカスを設定します。 | UIComponent | ||
画面に描画するためにエレメントで使用する座標を設定します。 | UIComponent | ||
エレメントのレイアウトサイズを設定します。 | UIComponent | ||
兄弟を基準としてコンポーネントのレイアウトサイズおよび位置を計算するために使用される変換 Matrix を設定します。 | UIComponent | ||
兄弟を基準としてコンポーネントのレイアウトサイズおよび位置を計算するために使用される変換 Matrix3D を設定します。 | UIComponent | ||
ループ処理に対するダイナミックプロパティの可用性を設定します。 | Object | ||
このコンポーネントインスタンスのスタイルプロパティを設定します。 | UIComponent | ||
visible プロパティが変更されたときに呼び出されます。 | UIComponent | ||
指定されたスプライトをユーザーがドラッグできるようにします。 | Sprite | ||
指定されたスプライトを、ユーザーがタッチ対応デバイス上でドラッグできるようにします。 | Sprite | ||
このオブジェクトでルート指定されているすべての MovieClip のタイムラインでの実行を再帰的に停止します。 | DisplayObjectContainer | ||
startDrag() メソッドを終了します。 | Sprite | ||
タッチ対応デバイスで使用する startTouchDrag() メソッドを終了します。 | Sprite | ||
スタイルプロパティの変更を検出します。 | UIComponent | ||
コンポーネントのスタイルを初めて初期化するとき、Flex は stylesInitialized() メソッドを呼び出します。 | UIComponent | ||
[静的]
resumeBackgroundProcessing() が呼び出されるまで、callLater() によってキューに入れられたメソッドのバックグラウンド処理をブロックします。 | UIComponent | ||
指定された 2 つの子オブジェクトの z 順序(重ね順)を入れ替えます。 | DisplayObjectContainer | ||
子リスト内の指定されたインデックス位置に該当する 2 つの子オブジェクトの z 順序(重ね順)を入れ替えます。 | DisplayObjectContainer | ||
指定された 2 つのビジュアルエレメントのインデックスを入れ替えます。 | Container | ||
コンテナ内の指定された 2 つのインデックス位置にあるビジュアルエレメントを入れ替えます。 | Container | ||
ロケール固有の規則に従って書式設定された、このオブジェクトのストリング表現を返します。 | Object | ||
[オーバーライド]
アプリケーションの DisplayObject の階層におけるこのオブジェクトの位置を示すストリングを返します。 | FlexSprite | ||
transformAround(transformCenter:Vector3D, scale:Vector3D = null, rotation:Vector3D = null, translation:Vector3D = null, postLayoutScale:Vector3D = null, postLayoutRotation:Vector3D = null, postLayoutTranslation:Vector3D = null, invalidateLayout:Boolean = true):void
コンポーネントの独自の座標空間内で指定され、親の座標空間内に固定される、特定のポイントを保持して変換の回転、拡大 / 縮小および平行移動を更新するためのユーティリティメソッドです。 | UIComponent | ||
このオブジェクトのローカル座標に指定されたポイントをオブジェクトの親の座標の場所に変換するユーティリティメソッドです。 | UIComponent | ||
子の位置とサイズを検証し、その他のビジュアルオブジェクトを描画します。 | UIComponent | ||
必要に応じて、このオブジェクトのプロパティとレイアウトを検証および更新し、それを再描画します。 | UIComponent | ||
commitProperties() メソッドを呼び出してコンポーネントのプロパティを検証するために、レイアウトロジックによって使用されます。 | UIComponent | ||
コンポーネントの測定サイズを検証します。LayoutManager.invalidateSize() メソッドがこの ILayoutManagerClient を指定して呼び出された場合、測定の実行時に validateSize() メソッドが呼び出されます。 | UIComponent | ||
このコンポーネントに割り当てられたバリデーターからの valid と invalid の両方のイベントを処理します。 | UIComponent | ||
指定されたオブジェクトのプリミティブな値を返します。 | Object | ||
垂直方向のグラデーションを描画するときに rot パラメーターとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | ||
指定されたイベントタイプについて、この EventDispatcher オブジェクトまたはその祖先にイベントリスナーが登録されているかどうかを確認します。 | EventDispatcher |
メソッド | 定義元 | ||
---|---|---|---|
フォーカス矩形を調整します。 | UIComponent | ||
レイアウトマトリックスと、Flash の displayObject の変換への変換オフセットの組み合わせから計算されたマトリックスをコミットします。 | UIComponent | ||
[オーバーライド]
Dissolve エフェクトでコンテナのクロムにオーバーレイを追加するときに内部的に使用されます。 | Container | ||
measure() メソッドの呼び出しをスキップできるかどうかを決定します。 | UIComponent | ||
子オブジェクトの作成後に行われる最終処理を実行します。 | UIComponent | ||
コンポーネントに設定されたプロパティを処理します。 | UIComponent | ||
コンテナの境界線のスキンが存在しない場合、必要に応じてスキンを作成します。 | Container | ||
コンポーネントの子オブジェクトを作成します。 | UIComponent | ||
使用中の埋め込みフォントに基づくコンテキストで、新しいオブジェクトを作成します。 | UIComponent | ||
指定された moduleFactory を使用して、オブジェクトを作成します。 | UIComponent | ||
プロパティの更新時に PropertyChangeEvent を送出するためのヘルパーメソッドです。 | UIComponent | ||
UIComponent オブジェクトがフォーカスを取得したときに呼び出されるイベントハンドラーです。 | UIComponent | ||
UIComponent オブジェクトがフォーカスを失ったときに呼び出されるイベントハンドラーです。 | UIComponent | ||
コンポーネントの使用頻度が低い一部の高度なレイアウト機能について実装および格納を初期化します。 | UIComponent | ||
このコンポーネントの初期化を完了させます。 | UIComponent | ||
このコンポーネントのアクセシビリティコードを初期化します。 | UIComponent | ||
このオブジェクトがレイアウトに影響を与える(includeInLayout が true である)場合に、親のサイズおよび表示リストを無効にするためのヘルパーメソッドです。 | UIComponent | ||
通常、UITextField オブジェクトが含まれているコンポーネントのうち、UITextField オブジェクトがフォーカスを取得したコンポーネントによってオーバーライドされます。 | UIComponent | ||
keyDown イベントに対して呼び出されるイベントハンドラーです。 | UIComponent | ||
keyUp イベントに対して呼び出されたイベントハンドラーです。 | UIComponent | ||
サイズ変更に応答して、このコンテナの境界線の位置およびサイズを設定します。 | Container | ||
[オーバーライド]
Grid の推奨、最小および最大サイズを計算します。 | Grid | ||
このメソッドは、UIComponent の作成時に呼び出されます。また、ローカライズされたリソースが何らかの方法で変更されたことを示すために、ResourceManager が "change" イベントを送出した時点で常に呼び出されます。 | UIComponent | ||
horizontalScrollPosition プロパティと verticalScrollPosition プロパティの値に基づいて、表示可能領域を基準とするコンテナのコンテンツ領域の相対的な位置を設定します。 | Container | ||
水平方向および垂直方向の変換伸縮率を指定します。 | UIComponent | ||
このメソッドは、状態が変更された場合に呼び出され、状態固有のスタイルがこのコンポーネントに適用されるかどうかを確認します。 | UIComponent | ||
[オーバーライド]
Grid のそれぞれの子のサイズと位置を設定します。 | Grid |
スタイルには共通スタイルと特定のテーマに関連するスタイルがあります。共通スタイルは、任意のテーマと共に使用できます。特定のテーマに関連するスタイルは、アプリケーションがそのテーマを使用する場合にのみ使用できます。
スタイル | 説明 | 定義元 | ||
---|---|---|---|---|
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 背景イメージが指定されている場合、このスタイルによって、イメージがビューポートに対して固定( "fixed" )されているか、コンテンツと共にスクロールするか("scroll" )を指定します. | Container | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンテンツ領域の上端からコントロールのベースライン位置までの垂直距離(ピクセル単位)を表します. | UIComponent | |||
型: Class CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの境界線のスキンクラスです. | Container | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 境界ボックスのスタイルです. | Container | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの下端からその親コンテナのコンテンツ領域の下端までの垂直距離(ピクセル単位)を表します. | UIComponent | |||
型: uint 形式: Color CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントのラベルを含めたコンポーネント内のテキストの色です. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4 ランタイムバージョン: Flash10, AIR 1.5 このコンポーネントで表示されるテキストの方向です. | Container | |||
型: uint 形式: Color CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントが無効な場合のテキストの色です. | Container | |||
型: Number CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 無効になったコンテナの上に配置されるオーバーレイのアルファ値です. | Container | |||
型: uint 形式: Color CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 検証が失敗した場合のコンポーネントのハイライトの色です. | UIComponent | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 内部 TextField の antiAliasType プロパティを設定します. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 使用するフォントの名前です. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 Flex コントロール内のテキストを表す内部 TextField の gridFitType プロパティを設定します. | Container | |||
型: Number CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 Flex コントロール内のテキストを表す内部 TextField の sharpness プロパティを設定します. | Container | |||
型: Number 形式: Length CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 テキストの高さ(ピクセル単位)です. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 テキストをイタリック体にするかどうかを指定します. | Container | |||
型: Number CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 Flex コントロール内のテキストを表す内部 TextField の thickness プロパティを設定します. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 テキストをボールド体にするかどうかを指定します. | Container | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 このコンテナに含まれる子の水平方向の配置です. | Box | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントのコンテンツ領域の中心からコンポーネントの中心までの水平距離(ピクセル単位)を表します. | UIComponent | |||
horizontalGap | 型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 子同士の水平方向の間隔を示すピクセル数です。デフォルト値は 8 です。 | Grid | ||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 水平スクロールバーのスタイルの名前です. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4.5 ランタイムバージョン: Flash10, AIR 2.5 このコンポーネントの主な操作モードです. | UIComponent | |||
型: Boolean CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 カーニングが有効( true ) か無効(false )かを示すブール値です. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4.1 ランタイムバージョン: Flash10, AIR 1.5 コンポーネントの任意のレイアウト方向を指定します. | UIComponent | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの左端からその親コンテナのコンテンツ領域の左端までの水平距離(ピクセル単位)を表します. | UIComponent | |||
型: Number CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 各文字間に表示される追加のピクセル数です. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4 ランタイムバージョン: Flash10, AIR 1.5 このコンポーネントで表示されるテキストのロケールです. | Container | |||
型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンテナの下の境界と、コンテンツ領域の下部との間のピクセル数です. | Box | |||
型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの左境界線からコンテンツ領域の左端までのピクセル数です. | Container | |||
型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの右境界線からコンテンツ領域の右端までのピクセル数です. | Container | |||
型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンテナの上の境界と、コンテンツ領域の上部との間のピクセル数です. | Box | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの右端からその親コンテナのコンテンツ領域の右端までの水平距離(ピクセル単位)を表します. | UIComponent | |||
型: Boolean CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4.5 ランタイムバージョン: Flash10, AIR 1.5 このコンポーネントが無効のときに、エラー境界またはエラースキンを表示します. | UIComponent | |||
型: Boolean CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4.5 ランタイムバージョン: Flash10, AIR 1.5 このコンポーネントが無効の場合、ユーザーがコンポーネント上にマウスを置いたときにエラーヒントを表示します. | UIComponent | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンテナ内のテキストの整列. | Container | |||
型: String CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 テキストに下線を表示するかどうかを指定します. | Container | |||
型: Class CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 4 ランタイムバージョン: Flash10, AIR 1.5 IUITextField を実装するクラスです. | Container | |||
型: Number 形式: Length CSS 継承: はい 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 テキストの 1 行目のコンテナ左端からのオフセット(ピクセル単位)です. | Container | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの上端からその親コンテナのコンテンツ領域の上端までの垂直距離(ピクセル単位)を表します. | UIComponent | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 このコンテナに含まれる子の垂直方向の配置です. | Box | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントのコンテンツ領域の中心からコンポーネントの中心までの垂直距離(ピクセル単位)を表します. | UIComponent | |||
verticalGap | 型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 子同士の垂直方向の間隔を示すピクセル数です。 デフォルト値は 6 です。 | Grid | ||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 垂直スクロールバーのスタイルの名前です. | Container |
Grid | () | コンストラクター |
public function Grid()
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
コンストラクターです。
measure | () | メソッド |
override protected function measure():void
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
Grid の推奨、最小および最大サイズを計算します。
このメソッドは、サブクラスの処理で使用する高度なメソッドです。直接呼び出すことは避けてください。 measure()
メソッドは、Flex LayoutManger によって適切なタイミングで呼び出されます。 Flex LayoutManager は、アプリケーションの起動時に、子から親に至るすべてのコンポーネントを測定してから、それぞれに最終的なサイズを設定しようとします。
Grid コンテナがその寸法を計算する方法について理解するため、すべての GridItem コンテナの rowSpan
プロパティおよび colSpan
プロパティが 1 に設定されていると仮定します。Grid コンテナの最初の列の測定幅は、最初の列にあるすべての GridItem コンテナの測定幅の中で最大の値に等しくなります。 同様に、2 番目の列の測定幅は、2 番目の列にあるすべての GridItem コンテナの測定幅の中で最大の値になり、以降も同様に続きます。 Grid コンテナ全体の measuredWidth
は、すべての列の測定幅の合計に、境界線の幅、左右のパディングおよび隣接グリッドセル間の水平方向の間隔を加えた値になります。
measuredHeight
、minWidth
、minHeight
、maxWidth
および maxHeight
の各プロパティの値は、例えば GridItem コンテナの measuredHeight
プロパティや minWidth
プロパティなどの値を加算するというように、すべて同様の方法で計算されます。
GridItem コンテナの colSpan
プロパティが 3 の場合、この GridItem コンテナの measuredWidth
は 3 列で割られます。 measuredWidth
が等分されると、3 つの列のそれぞれが測定幅を計算します。このとき、GridItem コンテナがその列のみに存在し、GridItem コンテナの measuredWidth
が実際の値の 1/3 であるかのように仮定して計算します。
ただし、GridItem コンテナの measuredWidth
プロパティは、このコンテナがまたがるすべての列の間で等分されるとは限りません。 列の一部のプロパティが width
のパーセント値である場合、GridItem コンテナの measuredWidth
プロパティが割られ、Grid コンテナの必要な比率を各列に配分しようとします。
前述の値はすべて、Grid の計算された幅と高さです。 以下のプロパティの値を明示的に指定することにより、測定値をオーバーライドできます。
minHeight
minWidth
maxHeight
maxWidth
height
width
このメソッドをオーバーライドする場合は、実装で super.measure()
メソッドを呼び出すか、measuredHeight
および measuredWidth
プロパティを設定する必要があります。 また、オプションで次のプロパティも設定できます。
measuredMinWidth
measuredMinHeight
どちらのプロパティも前述のレイアウトプロパティに対応しているため、これ以上取り上げません。
updateDisplayList | () | メソッド |
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
Grid のそれぞれの子のサイズと位置を設定します。
このメソッドは、サブクラスの処理で使用する高度なメソッドです。直接呼び出すことは避けてください。 updateDisplayList
メソッドは、Flex LayoutManager によって適切なタイミングで呼び出されます。 Flex LayoutManager は、アプリケーションの起動時に、ルートから始まって下方向にある全コンポーネントに対して updateDisplayList()
メソッドを呼び出します。
Grid コンテナは、VBox コンテナと同じレイアウト規則に従います。 GridRow コンテナの位置とサイズの計算方法は、VBox コンテナが子の位置とサイズを決める場合と同一です。 同様に、GridRow コンテナが GridItem コンテナの位置を決めるときに使用するレイアウトアルゴリズムは、HBox コンテナが使用するアルゴリズムと似ています。
唯一の違いは、GridRow コンテナの場合、子の位置とサイズがすべて同一に設定されるように (Grid コンテナの列が一列に並ぶように)、すべてのコンテナ同士が協調することです。
このメソッドをオーバーライドする場合は、実装で super.updateDisplayList()
メソッドを呼び出して、それぞれの子で move()
および setActualSize()
メソッドを呼び出す必要があります。 レイアウトを実行するために、このコンテナのサイズは unscaledWidth
および unscaledHeight
の各プロパティから取得してください(width
および height
プロパティではなく)。 width
および height
プロパティは、このコンテナの scaleX
および scaleY
プロパティの値を考慮しません。
パラメーター
unscaledWidth:Number — コンポーネントの scaleX プロパティの値にかかわらず、コンポーネントの座標内でピクセル単位によりコンポーネントの幅を指定します。
| |
unscaledHeight:Number — コンポーネントの scaleY プロパティの値にかかわらず、コンポーネントの座標内でピクセル単位でコンポーネントの高さを指定します。
|
<?xml version="1.0"?> <!-- Simple example to demonstrate the Halo Grid layout container. --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:Panel title="Grid Container Example" width="75%" height="75%" horizontalCenter="0" verticalCenter="0"> <s:VGroup left="10" right="10" top="10" bottom="10"> <s:Label width="100%" color="blue" text="A 3 by 3 Grid container of Button controls."/> <mx:Grid> <mx:GridRow> <mx:GridItem> <s:Button label="Row 1 Col 1" width="100"/> </mx:GridItem> <mx:GridItem> <s:Button label="Row 1 Col 2" width="100"/> </mx:GridItem> <mx:GridItem> <s:Button label="Row 1 Col 3" width="100"/> </mx:GridItem> </mx:GridRow> <mx:GridRow> <mx:GridItem> <s:Button label="Row 2 Col 1" width="100"/> </mx:GridItem> <mx:GridItem> <s:Button label="Row 2 Col 2" width="100"/> </mx:GridItem> <mx:GridItem> <s:Button label="Row 2 Col 3" width="100"/> </mx:GridItem> </mx:GridRow> <mx:GridRow> <mx:GridItem> <s:Button label="Row 3 Col 1" width="100"/> </mx:GridItem> <mx:GridItem> <s:Button label="Row 3 Col 2" width="100"/> </mx:GridItem> <mx:GridItem> <s:Button label="Row 3 Col 3" width="100"/> </mx:GridItem> </mx:GridRow> </mx:Grid> </s:VGroup> </s:Panel> </s:Application>
Tue Jun 12 2018, 10:34 AM Z