| パッケージ | mx.containers |
| public class TabNavigator | |
| 継承 | TabNavigator  ViewStack Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
| 実装 | IFocusManagerComponent |
ViewStack コンテナと同様に、TabNavigator コンテナには子コンテナのコレクションが含まれます。一度に表示される子は 1 つのみです。TabNavigator コンテナの上部には TabBar コンテナが自動的に作成され、これにより各子コンテナに 1 つのタブが対応します。各タブには固有のラベルとアイコンを割り当てることができます。ユーザーがタブをクリックすると、対応する子コンテナが、TabNavigator コンテナの選択された子として表示されます。
現在表示されている子コンテナを変更するときには、非表示にするコンテナの hideEffect プロパティおよび新たに表示する子コンテナの showEffect プロパティを使用して、子コンテナにまとめてエフェクトを適用できます。TabNavigator コンテナは、非表示にする子コンテナの hideEffect が完了するまで待機し、その後で新しい子コンテナを表示します。エフェクトの再生を続けながら TabNavigator コンテナの selectedIndex プロパティを変更する場合には、現在再生中のエフェクトを中断できます。
MXML シンタックスの非表示
<mx:TabNavigator> タグは、スーパークラスのタグ属性をすべて継承するだけでなく、次のタグ属性も備えています。
<mx:TabNavigator スタイル fillAlphas="[0.60, 0.40, 0.75, 0.65]" fillColors="[0xFFFFFF, 0xCCCCCC, 0xFFFFFF, 0xEEEEEE]" firstTabStyleName="プロパティtabStyleNameの値" focusAlpha="0.4" focusRoundedCorners="tl tr bl br" horizontalAlign="left|center|right" horizontalGap="-1" lastTabStyleName="プロパティtabStyleNameの値" selectedTabTextStyleName="undefined" tabHeight="undefined" tabStyleName="タブのスタイルを指定する CSS スタイル宣言の名前" tabWidth="undefined" > ... 子タグ ... </mx:TabNavigator>
関連項目
| プロパティ | 定義 | ||
|---|---|---|---|
 | actualCreationPolicy : String
このコンテナの作成ポリシーです。
| Container | |
| contentHeight : Number
コンテンツが表示される領域の高さをピクセル単位で表します。
| ViewStack | |
| contentWidth : Number
コンテンツが表示される領域の幅をピクセル単位で表します。
| ViewStack | |
| contentX : Number
コンテンツが表示される ViewStack コンテナの領域の x 座標をピクセル単位で表します。
| ViewStack | |
| contentY : Number
コンテンツが表示される ViewStack コンテナの領域の y 座標をピクセル単位で表します。
| ViewStack | |
| tabBar : TabBar
この TabNavigator 内の TabBar への参照です。
| TabNavigator | ||
| unscaledHeight : Number
拡大 / 縮小なしのコンポーネントの高さを求める便利なメソッドです。コンポーネントの描画および子のレイアウトはすべて、この高さの四角い枠内で行う必要があります。また、この値は
updateDisplayList() に引数として渡されます。 | UIComponent | |
| unscaledWidth : Number
拡大 / 縮小なしのコンポーネントの幅を求める便利なメソッドです。コンポーネントの描画および子のレイアウトはすべて、この幅の四角い枠内で行う必要があります。また、この値は
updateDisplayList() に引数として渡されます。 | UIComponent | |
| メソッド | 定義 | ||
|---|---|---|---|
| TabNavigator()
コンストラクタ。
| TabNavigator | ||
| addChild(child:DisplayObject):DisplayObject
このコンテナに子 DisplayObject を追加します。
| Container | |
| addChildAt(child:DisplayObject, index:int):DisplayObject
このコンテナに子 DisplayObject を追加します。
| Container | |
| addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録し、リスナーがイベントの通知を受け取るようにします。
| EventDispatcher | |
| areInaccessibleObjectsUnderPoint(point:Point):Boolean
特定の
point ポイントを指定して呼び出した DisplayObjectContainer.getObjectsUnderPoint() メソッドから返されたリストに、セキュリティ上の制約のために省略される表示オブジェクトがあるかどうかを示します。 | DisplayObjectContainer | |
| callLater(method:Function, args:Array = null):void
後で呼び出す関数をキューに格納します。
| UIComponent | |
| clearStyle(styleProp:String):void
このコンポーネントインスタンスからスタイルプロパティを削除します。
| UIComponent | |
| contains(child:DisplayObject):Boolean
指定された表示オブジェクトが、DisplayObjectContainer インスタンスの子であるか、インスタンス自体であるかを指定します。
| DisplayObjectContainer | |
| contentToGlobal(point:Point):Point
Point オブジェクトをコンテンツ座標からグローバル座標に変換します。 | Container | |
| contentToLocal(point:Point):Point
Point オブジェクトをコンテンツ座標からローカル座標に変換します。 | Container | |
| createComponentFromDescriptor(descriptor:ComponentDescriptor, recurse:Boolean):IFlexDisplayObject
単一の UIComponentDescriptor を指定すると、対応するコンポーネントを作成し、このコンテナの子としてコンポーネントを追加します。
| Container | |
| createComponentsFromDescriptors(recurse:Boolean = true):void
childDescriptors の配列を繰り返し処理し、配列の各要素に対して createComponentFromDescriptor() を呼び出します。 | Container | |
| createReferenceOnParentDocument(parentDocument:IFlexDisplayObject):void
この IUIComponent オブジェクトへの
id 参照を親ドキュメントオブジェクト上に作成します。 | UIComponent | |
| deleteReferenceOnParentDocument(parentDocument:IFlexDisplayObject):void
この IUIComponent オブジェクトへの
id 参照を親ドキュメントオブジェクトから削除します。 | UIComponent | |
| determineTextFormatFromStyles():UITextFormat
この UIComponent のテキストスタイルに対応する UITextFormat オブジェクトを返します。
| UIComponent | |
| dispatchEvent(event:Event):Boolean
イベントをイベントフローに送出します。
| EventDispatcher | |
| drawFocus(focused:Boolean):void
このコンポーネントを囲むフォーカスインジケータを表示または非表示にします。
| 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 | |
| effectFinished(effectInst:EffectInstance):void
コンポーネントでの再生の停止時にエフェクトインスタンスによって呼び出されます。
| UIComponent | |
| effectStarted(effectInst:EffectInstance):void
コンポーネントでの再生の開始時にエフェクトインスタンスによって呼び出されます。
| UIComponent | |
| endEffectsStarted():void
現在コンポーネントで再生中のすべてのエフェクトを終了します。
| UIComponent | |
| executeBindings(recurse:Boolean = false):void
このコンテナのすべてのデータバインディングを実行します。
| Container | |
| executeChildBindings(recurse:Boolean):void
このコンテナの子 UIComponent オブジェクトへのバインディングを実行します。
| Container | |
| finishPrint(obj:Object, target:IFlexDisplayObject):void
印刷の完了後に呼び出されます。
| UIComponent | |
| getBounds(targetCoordinateSpace:DisplayObject):Rectangle
targetCoordinateSpace オブジェクトの座標系を基準にして、表示オブジェクトの領域を定義する矩形を返します。 | DisplayObject | |
| getChildAt(index:int):DisplayObject
n 番目の子コンポーネントオブジェクトを取得します。
| Container | |
| getChildByName(name:String):DisplayObject
指定したストリングの
name プロパティを持つ子を返します。 | Container | |
| getChildIndex(child:DisplayObject):int
特定の子の 0 から始まるインデックスを取得します。
| Container | |
| getChildren():Array
コンテナのコンテンツの子で構成された DisplayObjects オブジェクトの配列を返します。
| Container | |
| getClassStyleDeclarations():Array
この UIComponent インスタンスのタイプセレクタを探します。
| UIComponent | |
| getExplicitOrMeasuredHeight():Number
明示された高さを使用するのか、それとも測定した高さを使用するのかを決定する便利なメソッドです。
| UIComponent | |
| getExplicitOrMeasuredWidth():Number
明示的な幅または測定幅を使用するかどうかを決定するための便利なメソッドです。
| UIComponent | |
| getFocus():InteractiveObject
現在フォーカスを持っているオブジェクトを取得します。
| UIComponent | |
| getObjectsUnderPoint(point:Point):Array
指定されたポイントの下にあり、この DisplayObjectContainer インスタンスの子または孫などであるオブジェクトの配列を返します。
| DisplayObjectContainer | |
| getRect(targetCoordinateSpace:DisplayObject):Rectangle
シェイプ上の線を除き、
targetCoordinateSpace パラメータによって定義された座標系に基づいて、表示オブジェクトの境界を定義する矩形を返します。 | DisplayObject | |
| getRepeaterItem(whichRepeater:int = -1):Object
指定された Repeater がこの Repeater を生成するために使用した
dataProvider 内のアイテムを返します。この Repeater が繰り返されていない場合は、null を返します。 | UIComponent | |
| getStyle(styleProp:String):*
このコンポーネントのスタイル参照チェーンのいずれかの場所に設定されたスタイルプロパティを取得します。
| UIComponent | |
| getTabAt(index:int):Button
指定されたインデックス位置にある、ナビゲータの TabBar コントロールのタブを返します。
| TabNavigator | ||
| globalToContent(point:Point):Point
Point オブジェクトをグローバル座標からコンテンツ座標に変換します。 | Container | |
| globalToLocal(point:Point):Point
point オブジェクトをステージ (グローバル) 座標から表示オブジェクトの (ローカル) 座標に変換します。 | DisplayObject | |
| hasEventListener(type:String):Boolean
EventDispatcher オブジェクトに、特定のイベントタイプに対して登録されたリスナーがあるかどうかを確認します。
| EventDispatcher | |
| hasOwnProperty(name:String):Boolean
オブジェクトに指定されたプロパティが定義されているかどうかを示します。
| Object | |
| hitTestObject(obj:DisplayObject):Boolean
表示オブジェクトを評価して、
obj 表示オブジェクトと重複または交差するかどうかを調べます。 | DisplayObject | |
| hitTestPoint(x:Number, y:Number, shapeFlag:Boolean = false):Boolean
表示オブジェクトを評価して、
x および y パラメータで指定されたポイントと重複または交差するかどうかを調べます。 | DisplayObject | |
| horizontalGradientMatrix(x:Number, y:Number, width:Number, height:Number):Matrix
水平方向のグラデーションを描画するときに
rot パラメータとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | |
| initialize():void
このコンポーネントの内部構造を初期化します。
| UIComponent | |
| initializeRepeaterArrays(parent:IRepeaterClient):void
このコンポーネントの繰り返されるインスタンスを追跡する各種プロパティを初期化します。
| UIComponent | |
| invalidateDisplayList():void
次に画面が更新されている間に
updateDisplayList() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
| invalidateProperties():void
次に画面が更新されている間に
commitProperties() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
| invalidateSize():void
次に画面が更新されている間に
measure() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
| isPrototypeOf(theClass:Object):Boolean
Object クラスのインスタンスが、パラメータとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。
| Object | |
| loadState(state:Object):void
このオブジェクトの状態をロードします。
| ViewStack | |
| localToContent(point:Point):Point
Point オブジェクトをローカル座標からコンテンツ座標に変換します。 | Container | |
| localToGlobal(point:Point):Point
point オブジェクトを表示オブジェクトの (ローカル) 座標からステージ (グローバル) 座標に変換します。 | DisplayObject | |
| measureHTMLText(htmlText:String):TextLineMetrics
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、
<font> や <b> のような HTML タグが含まれる指定の HTML テキストを測定します。 | UIComponent | |
| measureText(text:String):TextLineMetrics
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、指定のテキストを測定します。
| UIComponent | |
| move(x:Number, y:Number):void
親の内部の指定された位置にコンポーネントを移動します。
| UIComponent | |
| notifyStyleChangeInChildren(styleProp:String, recursive:Boolean):void
スタイルの変更を子に通知します。
| UIComponent | |
| owns(child:DisplayObject):Boolean
owner プロパティのチェーンが child からこの UIComponent を指定している場合に、true を返します。 | UIComponent | |
| parentChanged(p:DisplayObjectContainer):void
UIComponent オブジェクトを親に対して追加または削除したときに Flex によって呼び出されます。
| UIComponent | |
| prepareToPrint(target:IFlexDisplayObject):Object
印刷用の IFlexDisplayObject を準備します。
| UIComponent | |
| propertyIsEnumerable(name:String):Boolean
指定されたプロパティが存在し、列挙可能かどうかを示します。
| Object | |
| regenerateStyleCache(recursive:Boolean):void
このコンポーネントの CSS スタイルキャッシュを作成または再作成します。
recursive パラメータが true の場合は、このコンポーネントのすべての子孫の CSS スタイルキャッシュも作成または再作成します。 | UIComponent | |
| registerEffects(effects:Array):void
各エフェクトイベントについて、EffectManager をイベントリスナーの 1 つとして登録します。
| UIComponent | |
| removeAllChildren():void
このコンテナの子リストからすべての子を削除します。
| Container | |
| removeChild(child:DisplayObject):DisplayObject
このコンテナの子リストから子 DisplayObject を削除します。
| Container | |
| removeChildAt(index:int):DisplayObject
このコンテナの子リストから指定されたインデックス位置にある子 DisplayObject を削除します。
| Container | |
| removeEventListener(type:String, listener:Function, useCapture:Boolean = false):void
EventDispatcher オブジェクトからリスナーを削除します。
| EventDispatcher | |
| resumeBackgroundProcessing():void
[static]
suspendBackgroundProcessing() が呼び出された後、callLater() によってキューに入れられたメソッドのバックグラウンド処理を再開します。 | UIComponent | |
| saveState():Object
このオブジェクトの状態を保存します。
| ViewStack | |
| setActualSize(w:Number, h:Number):void
オブジェクトのサイズを設定します。
| UIComponent | |
| setChildIndex(child:DisplayObject, newIndex:int):void
特定の子のインデックスを設定します。
| Container | |
| setCurrentState(stateName:String, playTransition:Boolean = true):void
現在の状態を設定します。
| UIComponent | |
| setFocus():void
現在扱っているコンポーネントにフォーカスを設定します。
| UIComponent | |
| setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void
ループ処理に対するダイナミックプロパティの可用性を設定します。
| Object | |
| setStyle(styleProp:String, newValue:*):void
このコンポーネントインスタンスのスタイルプロパティを設定します。
| UIComponent | |
| setVisible(value:Boolean, noEvent:Boolean = false):void
visible プロパティが変更されたときに呼び出されます。 | UIComponent | |
| startDrag(lockCenter:Boolean = false, bounds:Rectangle = null):void
指定されたスプライトをユーザーがドラッグできるようにします。
| Sprite | |
| stopDrag():void
startDrag() メソッドを終了します。 | Sprite | |
| styleChanged(styleProp:String):void
スタイルプロパティの変更を検出します。
| UIComponent | |
| stylesInitialized():void
コンポーネントのスタイルを初めて初期化するとき、Flex は
stylesInitialized() メソッドを呼び出します。 | UIComponent | |
| suspendBackgroundProcessing():void
[static]
resumeBackgroundProcessing() が呼び出されるまで、callLater() によってキューに入れられたメソッドのバックグラウンド処理をブロックします。 | UIComponent | |
| swapChildren(child1:DisplayObject, child2:DisplayObject):void
指定された 2 つの子オブジェクトの z 順序 (重ね順) を入れ替えます。
| DisplayObjectContainer | |
| swapChildrenAt(index1:int, index2:int):void
子リスト内の指定されたインデックス位置に該当する 2 つの子オブジェクトの z 順序 (重ね順) を入れ替えます。
| DisplayObjectContainer | |
| toString():String
アプリケーションの DisplayObject の階層内部でのこのオブジェクトの位置を示すストリングを返します。
| FlexSprite | |
| validateDisplayList():void
子の位置とサイズを検証し、その他のビジュアルオブジェクトを描画します。
| UIComponent | |
| validateNow():void
必要に応じて、このオブジェクトのプロパティとレイアウトを検証および更新し、それを再描画します。
| UIComponent | |
| validateProperties():void
commitProperties() メソッドを呼び出してコンポーネントのプロパティを検証するためにレイアウトロジックによって使用されます。 | UIComponent | |
| validateSize(recursive:Boolean = false):void
LayoutManager.invalidateSize() メソッドがこの ILayoutManagerClient を指定して呼び出され、測定の実行時に validateSize() メソッドが呼び出された場合に、コンポーネントの測定サイズを検証します。 | UIComponent | |
| validationResultHandler(event:ValidationResultEvent):void
このコンポーネントに割り当てられたバリデータからの
valid と invalid の両方のイベントを処理します。 | UIComponent | |
| valueOf():Object
指定されたオブジェクトのプリミティブ値を返します。
| Object | |
| verticalGradientMatrix(x:Number, y:Number, width:Number, height:Number):Matrix
垂直方向のグラデーションを描画するときに
rot パラメータとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | |
| willTrigger(type:String):Boolean
指定されたイベントタイプについて、この EventDispatcher オブジェクトまたはその祖先にイベントリスナーが登録されているかどうかを確認します。
| EventDispatcher | |
| メソッド | 定義 | ||
|---|---|---|---|
| adjustFocusRect(obj:DisplayObject = null):void
フォーカス矩形を調整します。
| UIComponent | |
| attachOverlay():void
Dissolve エフェクトでコンテナのクロムにオーバーレイを追加するときに内部的に使用されます。
| Container | |
| childrenCreated():void
子オブジェクトの作成後に行われる最終処理を実行します。
| UIComponent | |
| commitProperties():void
コンポーネントに設定されたプロパティを処理します。
| UIComponent | |
| createBorder():void
コンテナの境界線のスキンが存在しない場合、必要に応じてスキンを作成します。
| Container | |
| createChildren():void
コンポーネントの子オブジェクトを作成します。
| UIComponent | |
| focusInHandler(event:FocusEvent):void
UIComponent オブジェクトがフォーカスを取得したときに呼び出されるイベントハンドラです。
| UIComponent | |
| focusOutHandler(event:FocusEvent):void
UIComponent オブジェクトがフォーカスを失ったときに呼び出されるイベントハンドラです。
| UIComponent | |
| initializationComplete():void
このコンポーネントの初期化を完了させます。
| UIComponent | |
| initializeAccessibility():void
このコンポーネントのアクセシビリティコードを初期化します。
| UIComponent | |
| isOurFocus(target:DisplayObject):Boolean
通常、UITextField オブジェクトが含まれているコンポーネントのうち、UITextField オブジェクトがフォーカスを取得したコンポーネントによってオーバーライドされます。
| UIComponent | |
| keyDownHandler(event:KeyboardEvent):void
keyDown イベントに対して呼び出されるイベントハンドラです。 | UIComponent | |
| keyUpHandler(event:KeyboardEvent):void
keyUp イベントに対して呼び出されたイベントハンドラです。 | UIComponent | |
| layoutChrome(unscaledWidth:Number, unscaledHeight:Number):void
サイズ変更に応答して、このコンテナの境界線の位置およびサイズを設定します。
| Container | |
| measure():void
この TabNavigator コンテナのデフォルトサイズ、最小値、および最大値を計算します。
| TabNavigator | ||
| scrollChildren():void
horizontalScrollPosition プロパティと verticalScrollPosition プロパティの値に基づいて、表示可能領域を基準とするコンテナのコンテンツ領域の相対的な位置を設定します。
| Container | |
| updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
サイズ変更に応答して、このコンテナのタブおよび子の位置とサイズを設定します。
| TabNavigator | ||
| スタイル | 説明 | 定義 | ||
|---|---|---|---|---|
| backgroundAlpha | 型: Number CSS の継承: nobackgroundColor プロパティで定義されている色のアルファレベル、または backgroundImage スタイルで定義されているイメージまたは SWF ファイルのアルファレベルです。 | Container | |
| backgroundAttachment | 型: String CSS の継承: no 背景イメージが指定されている場合、このスタイルによって、イメージがビューポートに対して固定 ( "fixed") されているか、コンテンツと共にスクロールするか ("scroll") を指定します。 | Container | |
| backgroundColor | 型: uint 形式: Color CSS の継承: no コンポーネントの背景色です。 | Container | |
| backgroundDisabledColor | 型: uint 形式: Color CSS の継承: yes コンポーネントが無効になっている場合のコンポーネント背景色です。 | Container | |
| backgroundImage | 型: Object 形式: File CSS の継承: no コンポーネントの背景イメージです。 | Container | |
| backgroundSize | 型: String CSS の継承: nobackgroundImage で指定されているイメージを、元のサイズとは異なるサイズに拡大および縮小します。 | Container | |
| barColor | 型: uint 形式: Color CSS の継承: yes ProgressBar のカラーを特定します。 | Container | |
| borderColor | 型: uint 形式: Color CSS の継承: no 境界線の色です。 | Container | |
| borderSides | 型: String CSS の継承: no 境界ボックスの境界のうち、どれが表示されるかを示します。 | Container | |
| borderSkin | 型: Class CSS の継承: no コンポーネントの境界のスキンです。 | Container | |
| borderStyle | 型: String CSS の継承: no 境界ボックスの表示スタイルです。 | Container | |
| borderThickness | 型: Number 形式: Length CSS の継承: no 境界ボックスの境界線の幅です。 | Container | |
| bottom | 型: Number 形式: Length CSS の継承: no コンポーネントの下端から親コンテナの下端までの垂直距離 (ピクセル単位) を表します。 | UIComponent | |
| color | 型: uint 形式: Color CSS の継承: yes コンポーネントのラベルを含めたコンポーネント内のテキストの色です。 | Container | |
| cornerRadius | 型: Number 形式: Length CSS の継承: no コンポーネントの角に付いている丸みの半径です。 | Container | |
| disabledColor | 型: uint 形式: Color CSS の継承: yes コンポーネントが無効な場合のテキストの色です。 | Container | |
| disabledOverlayAlpha | 型: Number CSS の継承: no 無効になったコンテナの上に配置されるオーバーレイのアルファ値です。 | Container | |
| dropShadowColor | 型: uint 形式: Color CSS の継承: yes ドロップシャドウの色です。 | Container | |
| dropShadowEnabled | 型: Boolean CSS の継承: no コンポーネントのドロップシャドウの表示または非表示を指定するブール型プロパティです。 | Container | |
| errorColor | 型: uint 形式: Color CSS の継承: yes 検証が失敗した場合のコンポーネントのハイライトの色です。 | UIComponent | |
|
fillAlphas
| 型: Array CSS の継承: no コンポーネントの背景の塗りで使用されるアルファ透明度値を指定します。これは、2 つまたは 4 つの数値から成る配列に設定する必要があります。エレメント 0 および 1 は、アルファグラデーションの開始値と終了値を指定します。エレメント 2 および 3 が存在する場合は、コンポーネントがマウスの置かれた状態にあるときに、エレメント 0 および 1 の代わりに使用されます。グローバルデフォルト値は [ 0.60, 0.40, 0.75, 0.65 ] です。ApplicationControlBar コンテナなど、一部のコンポーネントは異なる値を持ちます。ApplicationControlBar コンテナのデフォルト値は [ 0.0, 0.0 ] です。
| TabNavigator | ||
|
fillColors
| 型: Array 形式: Color CSS の継承: no コンポーネントの背景の塗りの着色で使用するカラーを指定します。これは、RGB カラーを指定する 2 つまたは 4 つの uint 値から成る配列に設定する必要があります。エレメント 0 および 1 は、カラーグラデーションの開始値と終了値を指定します。エレメント 2 および 3 が存在する場合は、コンポーネントがマウスの置かれた状態にあるときに、エレメント 0 および 1 の代わりに使用されます。均一な外観のコントロールでは、エレメント 0 と 1、およびエレメント 2 と 3 で同じカラーを設定します。デフォルト値は [ 0xFFFFFF, 0xCCCCCC, 0xFFFFFF, 0xEEEEEE ] です。
ApplicationControlBar コンテナなど、一部のコンポーネントは異なる値を持ちます。ApplicationControlBar コンテナのデフォルト値は | TabNavigator | ||
|
firstTabStyleName
| 型: String CSS の継承: no 最初のタブのスタイルを指定する CSS スタイル宣言の名前です。指定されていない場合は、 tabStyleName スタイルプロパティのデフォルト値が使用されます。
| TabNavigator | ||
|
focusAlpha
| 型: Number CSS の継承: no フォーカススキンのアルファ透明度値を指定します。 デフォルト値 0.4. | TabNavigator | ||
|
focusRoundedCorners
| 型: String CSS の継承: no フォーカス矩形のどの角を丸くするかを指定します。値は、スペースで区切られた String で、 "tl"、"tr"、"bl"、および "br" を組み合わせたものです。たとえば、右の角を丸くし、左の角を直角に指定するには、"tr br" とします。cornerRadius スタイルプロパティは、角の丸みの半径を指定します。デフォルト値はコンポーネントのクラスに応じて異なります。クラスでオーバーライドされない場合は、"tl tr bl br" になります。
| TabNavigator | ||
| fontAntiAliasType | 型: String CSS の継承: yes 内部 TextField の antiAliasType プロパティを設定します。 | Container | |
| fontFamily | 型: String CSS の継承: yes 使用するフォントの名前です。 | Container | |
| fontGridFitType | 型: String CSS の継承: yes Flex コントロール内のテキストを表す内部 TextField の gridFitType プロパティを設定します。 | Container | |
| fontSharpness | 型: Number CSS の継承: yes Flex コントロール内のテキストを表す内部 TextField の sharpness プロパティを設定します。 | Container | |
| fontSize | 型: Number 形式: Length CSS の継承: yes テキストの高さ (ピクセル単位) です。 | Container | |
| fontStyle | 型: String CSS の継承: yes テキストをイタリック体にするかどうかを指定します。 | Container | |
| fontThickness | 型: Number CSS の継承: yes Flex コントロール内のテキストを表す内部 TextField の thickness プロパティを設定します。 | Container | |
| fontWeight | 型: String CSS の継承: yes テキストをボールド体にするかどうかを指定します。 | Container | |
|
horizontalAlign
| 型: String CSS の継承: no この TabNavigator コンテナ上部にあるタブの水平位置を表します。有効な値は、 "left"、"center"、および "right" です。デフォルト値は "left" です。
値が 整列設定による違いが表示されるには、すべてのタブの幅の合計が TabNavigator コンテナの幅より小さい必要があります。 | TabNavigator | ||
| horizontalCenter | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの中心からコンポーネントの中心までの水平距離 (ピクセル単位) を表します。 | UIComponent | |
|
horizontalGap
| 型: Number 形式: Length CSS の継承: no ピクセル単位で表したタブ間の間隔です。デフォルト値は -1 です。この場合、隣接するタブの境界線が重なります。 | TabNavigator | ||
|
lastTabStyleName
| 型: String CSS の継承: no 最後のタブのスタイルを指定する CSS スタイル宣言の名前です。指定されていない場合は、 tabStyleName スタイルプロパティのデフォルト値が使用されます。
| TabNavigator | ||
| left | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの左端からコンポーネントの左端までの水平距離 (ピクセル単位) を表します。 | UIComponent | |
| paddingBottom | 型: Number 形式: Length CSS の継承: no コンテナの下境界線とコンテンツ領域との間にあるピクセル数です。 | ViewStack | |
| paddingLeft | 型: Number 形式: Length CSS の継承: no コンテナの左の境界とコンテンツ領域の左端との間のピクセル数です。 | Container | |
| paddingRight | 型: Number 形式: Length CSS の継承: no コンテナの右の境界とコンテンツ領域の右端との間のピクセル数です。 | Container | |
| paddingTop | 型: Number 形式: Length CSS の継承: no コンテナの上境界線とコンテンツ領域との間にあるピクセル数です。 | ViewStack | |
| right | 型: Number 形式: Length CSS の継承: no コンポーネントの右端から親コンテナの右端までの水平距離 (ピクセル単位) を表します。 | UIComponent | |
|
selectedTabTextStyleName
| 型: String CSS の継承: no 選択されたタブのテキストのスタイルを指定する CSS スタイル宣言の名前です。 | TabNavigator | ||
| shadowDirection | 型: String CSS の継承: no ドロップシャドウの方向です。 | Container | |
| shadowDistance | 型: Number 形式: Length CSS の継承: no ドロップシャドウの幅です。 | Container | |
|
tabHeight
| 型: Number 形式: Length CSS の継承: no ピクセル単位で表した各タブの高さです。デフォルト値は undefined です。このプロパティが undefined の場合、各タブの高さは、この TabNavigator コンテナに適用されるフォントスタイルによって決定されます。このプロパティを設定すると、この計算よりも設定値が優先されます。
| TabNavigator | ||
|
tabStyleName
| 型: String CSS の継承: no タブのスタイルを指定する CSS スタイル宣言の名前です。 デフォルト値 undefined. | TabNavigator | ||
|
tabWidth
| 型: Number 形式: Length CSS の継承: no ピクセル単位で表した各タブの幅です。デフォルト値は undefined です。このプロパティが undefined の場合、各タブの幅は、この TabNavigator コンテナに適用されるフォントスタイルを使用したラベルテキストの幅によって決定されます。タブの幅の合計が TabNavigator コンテナの幅より広い場合、計算されたタブ幅が縮小されます (最小 30 ピクセルまで)。このプロパティを設定すると、この計算よりも設定値が優先されます。
タブのラベルテキストは、タブに収まらない場合切り詰められます。タブラベルが切り詰められた場合、ユーザーがタブの上にマウスを移動すると、ツールヒントにラベルテキスト全体が表示されます。 | TabNavigator | ||
| textAlign | 型: String CSS の継承: yes コンテナ内のテキストの整列。 | Container | |
| textDecoration | 型: String CSS の継承: no テキストに下線を表示するかどうかを指定します。 | Container | |
| textIndent | 型: Number 形式: Length CSS の継承: yes テキストの 1 行目のコンテナ左端からのオフセット (ピクセル単位) です。 | Container | |
| themeColor | 型: uint 形式: Color CSS の継承: yes コンポーネントのテーマカラーです。 | UIComponent | |
| top | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの上端からコンポーネントの上端までの垂直距離 (ピクセル単位) を表します。 | UIComponent | |
| verticalCenter | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの中心からコンポーネントの中心までの垂直距離 (ピクセル単位) を表します。 | UIComponent | |
| verticalGap | 型: Number 形式: Length CSS の継承: no 子同士の垂直方向の間隔を示すピクセル数です。 | ViewStack | |
| tabBar | プロパティ |
MXML シンタックスの表示protected var tabBar:TabBarこの TabNavigator 内の TabBar への参照です。
| TabNavigator | () | コンストラクタ |
public 関数 TabNavigator()コンストラクタ。
| getTabAt | () | メソッド |
public function getTabAt(index:int):Button指定されたインデックス位置にある、ナビゲータの TabBar コントロールのタブを返します。
パラメータindex:int — ナビゲータの TabBar コントロール内のインデックスです。
|
Button —
指定されたインデックス位置にあるタブです。
|
| measure | () | メソッド |
protected override function measure():void
この TabNavigator コンテナのデフォルトサイズ、最小値、および最大値を計算します。measure() メソッドの詳細については、UIComponent.measure() メソッドを参照してください。
TabNavigator コンテナは、次の 2 つの点を除き、ViewStack コンテナと同じロジックを使用します。1 つ目は、タブが収まるように measuredHeight および measuredMinHeight プロパティの値を増加させる点です。2 つ目は、各タブの幅が 30 ピクセル以上になるように、必要に応じて measuredWidth プロパティの値を増加させる点です。
関連項目
| updateDisplayList | () | メソッド |
protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
サイズ変更に応答して、このコンテナのタブおよび子の位置とサイズを設定します。updateDisplayList() メソッドの詳細については、UIComponent.updateDisplayList() メソッドを参照してください。
TabNavigator コンテナの上部には、TabBar コンテナが配置されています。TabBar の幅は TabNavigator の幅に設定され、TabBar の高さは tabHeight プロパティに基づいて設定されます。
TabNavigator コンテナは、ViewStack コンテナと同じロジックを使用して、子コンテナの位置とサイズを TabBar の下に設定します。
パラメータunscaledWidth:Number — コンポーネントの scaleX プロパティの値にかかわらず、コンポーネントの座標内でピクセル単位によりコンポーネントの幅を指定します。
|
|
unscaledHeight:Number — コンポーネントの scaleY プロパティの値にかかわらず、コンポーネントの座標内でピクセル単位でコンポーネントの高さを指定します。
|
関連項目
<?xml version="1.0"?>
<!-- Simple example to demonstrate the TabNavigator layout container. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="TabNavigator Container Example" height="90%" width="90%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx: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>
<mx:Label width="100%" color="blue"
text="Programmatically select the panel using a Button control."/>
<mx:HBox>
<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"/>
</mx:HBox>
</mx:Panel>
</mx:Application>