パッケージ | mx.containers |
クラス | public class TabNavigator |
継承 | TabNavigator ViewStack Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
実装 | IFocusManagerComponent |
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
メモ:MX ナビゲーターコンテナの直接の子は、MX コンテナ、MX レイアウトか MX ナビゲーターのどちらかのコンテナ、または Spark NavigatorContent コンテナであることが必要です。Spark NavigatorContent コンテナ以外のコントロールまたは Spark コンテナをナビゲーター内で直接ネストできません。子 MX コンテナの子であることが必要です。
ViewStack コンテナと同様に、TabNavigator コンテナには子コンテナのコレクションが含まれます。一度に表示される子は 1 つのみです。 TabNavigator コンテナの上部には TabBar コンテナが自動的に作成され、これにより各子コンテナに 1 つのタブが対応します。 各タブには固有のラベルとアイコンを割り当てることができます。 ユーザーがタブをクリックすると、対応する子コンテナが、TabNavigator コンテナの選択された子として表示されます。
現在表示されている子コンテナを変更するときには、非表示にするコンテナの hideEffect
プロパティおよび新たに表示する子コンテナの showEffect
プロパティを使用して、子コンテナにまとめてエフェクトを適用できます。 TabNavigator コンテナは、非表示にする子コンテナの hideEffect
が完了するまで待機し、その後で新しい子コンテナを表示します。 エフェクトの再生を続けながら TabNavigator コンテナの selectedIndex
プロパティを変更する場合には、現在再生中のエフェクトを中断できます。
TabNavigator でタブの外観を定義するには、次の例に示すように、Tab タイプセレクターでスタイルのプロパティを定義します。
<fx:Style> @namespace mx "library://ns.adobe.com/flex/mx" mx|Tab { fillColors: #006699, #cccc66; upSkin: ClassReference("CustomSkinClass"); overSkin: ClassReference("CustomSkinClass"); downSkin: ClassReference("CustomSkinClass"); } </fx:Style>
Tab タイプセレクターでは、非表示の mx.controls.tabBarClasses.Tab クラスの値を定義します。 Tab タイプセレクターのデフォルト値は、"defaults.css" ファイルで定義されています。
また、次の例のように、tabStyleName
スタイルプロパティを使用して指定するクラスセレクターで、スタイルを定義することもできます。
<fx:Style> @namespace mx "library://ns.adobe.com/flex/mx" mx|TabNavigator { tabStyleName:myTabStyle; } .myTabStyle { fillColors: #006699, #cccc66; upSkin: ClassReference("CustomSkinClass"); overSkin: ClassReference("CustomSkinClass"); downSkin: ClassReference("CustomSkinClass"); } </fx:Style>
TabNavigator コンテナには、次のデフォルトサイズ設定属性があります。
特性 | 説明 |
---|---|
デフォルトサイズ | 最初にアクティブになる子のデフォルトまたは明示的な幅と高さに、タブのデフォルトまたは明示的な高さと幅を加えたサイズ。 デフォルトのタブの高さは、TabNavigator コンテナに適用されるフォント、スタイル、およびスキンによって決まります。 |
コンテナのサイズ変更規則 | デフォルトでは、TabNavigator コンテナのサイズは、最初の子コンテナのサイズに合わせて一度だけ設定されます。 他のコンテナに切り替えても、サイズは変更されません。 別の子コンテナに切り替えたときに TabNavigator コンテナのサイズを変更するには、resizeToContent プロパティを true に設定します。 |
子のレイアウト規則 | ただし、子のサイズが TabNavigator コンテナより大きい場合は、一部がクリッピングされます。 子コンテナが TabNavigator コンテナより小さい場合は、TabNavigator コンテナの左上隅に位置合わせされます。 |
デフォルトパディング | top、bottom、left、right ともに 0 ピクセル。 |
The <mx:TabNavigator>
tag inherits all of the
tag attributes of its superclass,
and adds the following tag attributes:
<mx:TabNavigator Styles firstTabStyleName="Value of thetabStyleName
property" focusAlpha="0.4" focusRoundedCorners="tl tr bl br" horizontalAlign="left|center|right" horizontalGap="-1" lastTabStyleName="Value of thetabStyleName
property" selectedTabTextStyleName="undefined" tabHeight="undefined" tabOffset="0" tabStyleName="Name of CSS style declaration that specifies styles for the tabs" tabWidth="undefined" > ... child tags ... </mx:TabNavigator>
さらに例を参照
Using deep linking with navigator containers
Multiple-view containers
Creating deferred components
関連する API エレメント
プロパティ | 定義元 | ||
---|---|---|---|
actualCreationPolicy : String
このコンテナの作成ポリシーです。 | Container | ||
contentHeight : Number [読み取り専用]
コンテンツが表示される領域の高さをピクセル単位で表します。 | ViewStack | ||
contentWidth : Number [読み取り専用]
コンテンツが表示される領域の幅をピクセル単位で表します。 | ViewStack | ||
contentX : Number [読み取り専用]
コンテンツが表示される ViewStack コンテナの領域の x 座標をピクセル単位で表します。 | ViewStack | ||
contentY : Number [読み取り専用]
コンテンツが表示される ViewStack コンテナの領域の y 座標をピクセル単位で表します。 | ViewStack | ||
currentCSSState : String [読み取り専用]
CSS 擬似セレクターの照合時に使用されるステートです。 | UIComponent | ||
hasComplexLayoutMatrix : Boolean [読み取り専用]
UIComponent に平行移動ではない (x,y) 変換プロパティがある場合、true を返します。 | UIComponent | ||
resourceManager : IResourceManager [読み取り専用]
アプリケーションのローカライズされたすべてのリソースを管理するオブジェクトへの参照です。 | UIComponent | ||
tabBar : mx.controls:TabBar
この TabNavigator 内の TabBar への参照です。 | TabNavigator | ||
tabBarStyleFilters : Object [読み取り専用]
TabNavigator から tabBar に渡すスタイルのセットです。 | TabNavigator | ||
unscaledHeight : Number [読み取り専用]
伸縮されていないコンポーネントの高さを求めるために使用する便利なメソッドです。 | UIComponent | ||
unscaledWidth : Number [読み取り専用]
伸縮されていないコンポーネントの幅を求めるために使用する便利なメソッドです。コンポーネントの描画および子のレイアウトはすべて、この幅の四角い枠内で行う必要があります。また、この値は updateDisplayList() に引数として渡されます。 | UIComponent |
メソッド | 定義元 | ||
---|---|---|---|
コンストラクターです。 | TabNavigator | ||
[オーバーライド]
このコンテナに子 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 | ||
指定されたインデックス位置にある、ナビゲーターの TabBar コントロールのタブを返します。 | TabNavigator | ||
[オーバーライド]
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 | ||
このオブジェクトの状態をロードします。 | ViewStack | ||
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 | ||
印刷用の 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 | ||
このオブジェクトの状態を保存します。 | ViewStack | ||
オブジェクトのサイズを設定します。 | 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 | ||
選択されたインデックスを処理します。 | ViewStack | ||
コンテナの境界線のスキンが存在しない場合、必要に応じてスキンを作成します。 | 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 | ||
[オーバーライド]
この TabNavigator コンテナのデフォルトサイズ、最小値、および最大値を計算します。 | TabNavigator | ||
このメソッドは、UIComponent の作成時に呼び出されます。また、ローカライズされたリソースが何らかの方法で変更されたことを示すために、ResourceManager が "change" イベントを送出した時点で常に呼び出されます。 | UIComponent | ||
horizontalScrollPosition プロパティと verticalScrollPosition プロパティの値に基づいて、表示可能領域を基準とするコンテナのコンテンツ領域の相対的な位置を設定します。 | Container | ||
水平方向および垂直方向の変換伸縮率を指定します。 | UIComponent | ||
このメソッドは、状態が変更された場合に呼び出され、状態固有のスタイルがこのコンポーネントに適用されるかどうかを確認します。 | UIComponent | ||
[オーバーライド]
サイズ変更に応答して、このコンテナのタブおよび子の位置とサイズを設定します。 | TabNavigator |
スタイルには共通スタイルと特定のテーマに関連するスタイルがあります。共通スタイルは、任意のテーマと共に使用できます。特定のテーマに関連するスタイルは、アプリケーションがそのテーマを使用する場合にのみ使用できます。
スタイル | 説明 | 定義元 | ||
---|---|---|---|---|
型: 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 | |||
firstTabStyleName | 型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 最初のタブのスタイルを指定する CSS スタイル宣言の名前です。 指定されていない場合は、 tabStyleName スタイルプロパティのデフォルト値が使用されます。
| TabNavigator | ||
focusAlpha | 型: Number CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 フォーカススキンのアルファ透明度値を指定します。Halo テーマのデフォルト値は 0.4 です。Spark テーマのデフォルト値は 0.55 です。
| TabNavigator | ||
focusRoundedCorners | 型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 フォーカス矩形のどの角を丸くするかを指定します。 この値は、スペースで区切られた String です。 "tl" 、"tr" 、"bl" および "br" の任意の組み合わせを含めることができます。 例えば、右の角を丸くし、左の角を直角にするように指定するには、"tr br" とします。 cornerRadius スタイルプロパティは、角の丸みの半径を指定します。 デフォルト値は、コンポーネントのクラスによって異なります。クラスでオーバーライドされていない場合、デフォルト値は "tl tr bl br" です。
| TabNavigator | ||
型: 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 | |||
horizontalAlign | 型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 この TabNavigator コンテナ上部にあるタブの水平位置を表します。 可能な値は、 "left" 、"center" 、および "right" です。 デフォルト値は "left" です。
値が 整列設定による違いが表示されるには、すべてのタブの幅の合計が TabNavigator コンテナの幅より小さい必要があります。 | TabNavigator | ||
型: 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 ピクセル単位で表したタブ間の間隔です。 デフォルト値は -1 です。この場合、隣接するタブの境界線が重なります。 | TabNavigator | ||
型: 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 | |||
lastTabStyleName | 型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 最後のタブのスタイルを指定する CSS スタイル宣言の名前です。 指定されていない場合は、 tabStyleName スタイルプロパティのデフォルト値が使用されます。
| TabNavigator | ||
型: 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 コンテナの下境界線とコンテンツ領域との間にあるピクセル数です. | ViewStack | |||
型: 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 コンテナの上境界線とコンテンツ領域との間にあるピクセル数です. | ViewStack | |||
型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 コンポーネントの右端からその親コンテナのコンテンツ領域の右端までの水平距離(ピクセル単位)を表します. | UIComponent | |||
selectedTabTextStyleName | 型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 選択されたタブのテキストのスタイルを指定する CSS スタイル宣言の名前です。 | TabNavigator | ||
型: 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 | |||
tabHeight | 型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 ピクセル単位で表した各タブの高さです。 デフォルト値は undefined です。このプロパティが undefined の場合、各タブの高さは、この TabNavigator コンテナに適用されるフォントスタイルによって決定されます。 このプロパティを設定すると、この計算よりも設定値が優先されます。
| TabNavigator | ||
tabOffset | 型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 TabNavigator コンテナの左端からの、タブバーの水平方向のオフセット(ピクセル単位)です。 正の値は、タブバーを右方向へ移動させます。 負の値は、タブバーを左方向へ移動させます。 デフォルト値: 0 。 | TabNavigator | ||
tabStyleName | 型: String CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 タブのスタイルを指定する CSS スタイル宣言の名前です。 デフォルト値: undefined 。 | TabNavigator | ||
tabWidth | 型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 ピクセル単位で表した各タブの幅です。 デフォルト値は undefined です。このプロパティが undefined の場合、各タブの幅は、この TabNavigator コンテナに適用されるフォントスタイルを使用したラベルテキストの幅によって決定されます。 タブの幅の合計が TabNavigator コンテナの幅より広い場合、計算されたタブ幅が縮小されます(最小 30 ピクセルまで)。 このプロパティを設定すると、この計算よりも設定値が優先されます。
タブのラベルテキストは、タブに収まらない場合切り詰められます。 タブラベルが切り詰められた場合、ユーザーがタブの上にマウスを移動すると、ツールヒントにラベルテキスト全体が表示されます。 | TabNavigator | ||
型: 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 コンポーネントのコンテンツ領域の中心からコンポーネントの中心までの垂直距離(ピクセル単位)を表します. | UIComponent | |||
型: Number 形式: Length CSS 継承: いいえ 言語バージョン: ActionScript 3.0 製品バージョン: Flex 3 ランタイムバージョン: Flash9, AIR 1.1 子同士の垂直方向の間隔を示すピクセル数です. | ViewStack |
tabBar | プロパティ |
protected var tabBar:mx.controls:TabBar
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
この TabNavigator 内の TabBar への参照です。
tabBarStyleFilters | プロパティ |
TabNavigator | () | コンストラクター |
public function TabNavigator()
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
コンストラクターです。
getTabAt | () | メソッド |
measure | () | メソッド |
override protected function measure():void
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
この TabNavigator コンテナのデフォルトサイズ、最小値、および最大値を計算します。 UIComponent.measure()
メソッドを参照して、measure()
メソッドの詳細を確認してください。
TabNavigator コンテナは、次の 2 つの点を除き、ViewStack
コンテナと同じ測定ロジックを使用します。1 つ目は、タブが収まるように measuredHeight
および measuredMinHeight
プロパティの値を増加させる点です。 2 つ目は、各タブの幅が 30 ピクセル以上になるように、必要に応じて measuredWidth
プロパティの値を増加させる点です。
関連する API エレメント
updateDisplayList | () | メソッド |
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 3 |
ランタイムバージョン: | Flash Player 9, AIR 1.1 |
サイズ変更に応答して、このコンテナのタブおよび子の位置とサイズを設定します。 updateDisplayList()
メソッドの詳細については、UIComponent.updateDisplayList()
メソッドを参照してください。
TabNavigator コンテナの上部には、TabBar コンテナが配置されています。 TabBar の幅は TabNavigator の幅に設定され、TabBar の高さは tabHeight
プロパティに基づいて設定されます。
TabNavigator コンテナは、ViewStack コンテナと同じロジックを使用して、子コンテナの位置とサイズを TabBar の下に設定します。
パラメーター
unscaledWidth:Number — コンポーネントの scaleX プロパティの値にかかわらず、コンポーネントの座標内でピクセル単位によりコンポーネントの幅を指定します。
| |
unscaledHeight:Number — コンポーネントの scaleY プロパティの値にかかわらず、コンポーネントの座標内でピクセル単位でコンポーネントの高さを指定します。
|
関連する API エレメント
<?xml version="1.0"?> <!-- Simple example to demonstrate the Halo TabNavigator 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="TabNavigator 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="Select the tabs to change the panel."/> <mx:TabNavigator id="tn" width="100%" height="100%"> <!-- Define each panel using a VBox container. --> <mx:VBox label="Panel 1"> <mx:Label text="TabNavigator container panel 1"/> </mx:VBox> <mx:VBox label="Panel 2"> <mx:Label text="TabNavigator container panel 2"/> </mx:VBox> <mx:VBox label="Panel 3"> <mx:Label text="TabNavigator container panel 3"/> </mx:VBox> </mx:TabNavigator> <s:Label width="100%" color="blue" text="Programmatically select the panel using a Button control."/> <s:HGroup> <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/> <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/> <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/> </s:HGroup> </s:VGroup> </s:Panel> </s:Application>
Tue Jun 12 2018, 10:34 AM Z