| パッケージ | 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 プロパティを変更する場合には、現在再生中のエフェクトを中断できます。
TabNavigator でタブの外観を定義するには、次の例に示すように、Tab タイプセレクタでスタイルのプロパティを定義します。
<mx:Style>
Tab {
fillColors: #006699, #cccc66;
upSkin: ClassReference("CustomSkinClass");
overSkin: ClassReference("CustomSkinClass");
downSkin: ClassReference("CustomSkinClass");
}
</mx:Style>
Tab タイプセレクタでは、非表示の mx.controls.tabBarClasses.Tab クラスの値を定義します。 Tab タイプセレクタのデフォルト値は、"defaults.css" ファイルで定義されています。
また、次の例のように、tabStyleName スタイルプロパティを使用して指定するクラスセレクタで、スタイルを定義することもできます。
<mx:Style>
TabNavigator {
tabStyleName:myTabStyle;
}
.myTabStyle {
fillColors: #006699, #cccc66;
upSkin: ClassReference("CustomSkinClass");
overSkin: ClassReference("CustomSkinClass");
downSkin: ClassReference("CustomSkinClass");
}
</mx:Style>
TabNavigator コンテナには、次のデフォルトサイズ設定属性があります。
| 特性 | 説明 |
|---|---|
| デフォルトサイズ | 最初にアクティブになる子のデフォルトまたは明示的な幅と高さに、タブのデフォルトまたは明示的な高さと幅を加えたサイズ。 デフォルトのタブの高さは、TabNavigator コンテナに適用されるフォント、スタイル、およびスキンによって決まります。 |
| コンテナのサイズ変更規則 | デフォルトでは、TabNavigator コンテナのサイズは、最初の子コンテナのサイズに合わせて一度だけ設定されます。 他のコンテナに切り替えても、サイズは変更されません。 別の子コンテナに切り替えたときに TabNavigator コンテナのサイズを変更するには、resizeToContent プロパティを true に設定します。 |
| 子のレイアウト規則 | ただし、子のサイズが TabNavigator コンテナより大きい場合は、一部がクリッピングされます。 子コンテナが TabNavigator コンテナより小さい場合は、TabNavigator コンテナの左上隅に位置合わせされます。 |
| デフォルトパディング | top、bottom、left、right ともに 0 ピクセル。 |
MXML シンタックスを隠すThe <mx:TabNavigator> tag inherits all of the
tag attributes of its superclass,
and adds the following tag attributes:
MXML シンタックスを表示
<mx:TabNavigator
Styles
fillAlphas="[0.60, 0.40, 0.75, 0.65]"
fillColors="[0xFFFFFF, 0xCCCCCC, 0xFFFFFF, 0xEEEEEE]"
firstTabStyleName="Value of the tabStyleName property"
focusAlpha="0.4"
focusRoundedCorners="tl tr bl br"
horizontalAlign="left|center|right"
horizontalGap="-1"
lastTabStyleName="Value of the tabStyleName 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>
関連項目
| プロパティ | 定義元 | ||
|---|---|---|---|
 | actualCreationPolicy : String
このコンテナの作成ポリシーです。 | Container | |
| contentHeight : Number [読み取り専用]
コンテンツが表示される領域の高さをピクセル単位で表します。 | ViewStack | |
| contentWidth : Number [読み取り専用]
コンテンツが表示される領域の幅をピクセル単位で表します。 | ViewStack | |
| contentX : Number [読み取り専用]
コンテンツが表示される ViewStack コンテナの領域の x 座標をピクセル単位で表します。 | ViewStack | |
| contentY : Number [読み取り専用]
コンテンツが表示される ViewStack コンテナの領域の y 座標をピクセル単位で表します。 | ViewStack | |
| resourceManager : IResourceManager [読み取り専用]
アプリケーションのローカライズされたすべてのリソースを管理するオブジェクトへの参照です。 | UIComponent | |
| tabBar : TabBar
この TabNavigator 内の TabBar への参照です。 | TabNavigator | ||
| tabBarStyleFilters : Object [読み取り専用]
TabNavigator から tabBar に渡すスタイルのセットです。 | TabNavigator | ||
| unscaledHeight : Number [読み取り専用]
伸縮されていないコンポーネントの高さを求めるために使用する便利なメソッドです。 | UIComponent | |
| unscaledWidth : Number [読み取り専用]
伸縮されていないコンポーネントの幅を求めるために使用する便利なメソッドです。コンポーネントの描画および子のレイアウトはすべて、この幅の四角い枠内で行う必要があります。また、この値は updateDisplayList() に引数として渡されます。 | UIComponent | |
| メソッド | 定義元 | ||
|---|---|---|---|
コンストラクタです。 | TabNavigator | ||
| [override]
このコンテナに子 DisplayObject を追加します。 | Container | |
| [override]
このコンテナに子 DisplayObject を追加します。 | Container | |
| addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録し、リスナーがイベントの通知を受け取るようにします。 | EventDispatcher | |
|
特定の point ポイントを指定して呼び出した DisplayObjectContainer.getObjectsUnderPoint() メソッドから返されたリストに、セキュリティ上の制約のために省略される表示オブジェクトがあるかどうかを示します。 | DisplayObjectContainer | |
|
後で呼び出す関数をキューに格納します。 | UIComponent | |
|
このコンポーネントインスタンスからスタイルプロパティを削除します。 | UIComponent | |
|
指定された表示オブジェクトが、DisplayObjectContainer インスタンスの子であるか、インスタンス自体であるかを指定します。 | DisplayObjectContainer | |
| [override]
Point オブジェクトをコンテンツ座標からグローバル座標に変換します。 | Container | |
| [override]
Point オブジェクトをコンテンツ座標からローカル座標に変換します。 | Container | |
|
このコンテナの子を識別するプロパティのセットを返します。 | UIComponent | |
|
単一の UIComponentDescriptor を指定すると、対応するコンポーネントが作成され、このコンテナの子としてコンポーネントが追加されます。 | Container | |
|
childDescriptors の配列を繰り返し処理し、配列の各要素に対して createComponentFromDescriptor() メソッドを呼び出します。 | Container | |
|
この IUIComponent オブジェクトへの id 参照を親ドキュメントオブジェクト上に作成します。 | UIComponent | |
|
この IUIComponent オブジェクトへの id 参照を親ドキュメントオブジェクトから削除します。 | UIComponent | |
|
この UIComponent のテキストスタイルに対応する UITextFormat オブジェクトを返します。 | UIComponent | |
| [override]
イベントをイベントフローに送出します。 | UIComponent | |
|
このコンポーネントを囲むフォーカスインジケータを表示するか、または非表示にします。 | UIComponent | |
| drawRoundRect(x:Number, y:Number, width:Number, height:Number, cornerRadius:Object = null, color:Object = null, alpha:Object = null, gradientMatrix:Matrix = null, gradientType:String = "linear", gradientRatios:Array = null, hole:Object = null):void
このスキンの Graphics オブジェクトに矩形をプログラムにより描画します。 | UIComponent | |
|
コンポーネントでの再生の停止時にエフェクトインスタンスによって呼び出されます。 | UIComponent | |
|
コンポーネントでの再生の開始時にエフェクトインスタンスによって呼び出されます。 | UIComponent | |
|
現在コンポーネントで再生中のすべてのエフェクトを終了します。 | UIComponent | |
| [override]
このコンテナのすべてのデータバインディングを実行します。 | Container | |
|
この Container の子 UIComponent オブジェクトへのバインディングを実行します。 | Container | |
|
印刷の完了後に呼び出されます。 | UIComponent | |
|
指定されたインデックス位置でオートメーションオブジェクトを提供します。 | UIComponent | |
|
targetCoordinateSpace オブジェクトの座標系を基準にして、表示オブジェクトの領域を定義する矩形を返します。 | DisplayObject | |
| [override]
n 番目の子コンポーネントオブジェクトを取得します。 | Container | |
| [override]
指定したストリングの name プロパティを持つ子を返します。 | Container | |
| [override]
特定の子の 0 から始まるインデックスを取得します。 | Container | |
|
コンテナのコンテンツである子で構成された DisplayObject オブジェクトの配列を返します。 | Container | |
|
この UIComponent インスタンスのタイプセレクタを探します。 | UIComponent | |
|
レイアウト制約値を返します。これは、このコンポーネントの制約スタイルを取得することと同じです。 | UIComponent | |
|
明示的に指定された高さを使用するのか、それとも測定された高さを使用するのかを決定するための便利なメソッドです。
| UIComponent | |
|
明示的に指定された幅を使用するのか、それとも測定された幅を使用するのかを決定するための便利なメソッドです。
| UIComponent | |
|
現在フォーカスを持っているオブジェクトを取得します。 | UIComponent | |
|
指定されたポイントの下にあり、この DisplayObjectContainer インスタンスの子 (または孫など) であるオブジェクトの配列を返します。 | DisplayObjectContainer | |
|
シェイプ上の線を除き、targetCoordinateSpace パラメータによって定義された座標系に基づいて、表示オブジェクトの境界を定義する矩形を返します。 | DisplayObject | |
|
指定された Repeater がこの Repeater を生成するために使用した dataProvider 内のアイテムを返します。この Repeater が繰り返されていない場合は、null を返します。 | UIComponent | |
|
このコンポーネントのスタイル参照チェーンのいずれかの場所に設定されたスタイルプロパティを取得します。 | UIComponent | |
指定されたインデックス位置にある、ナビゲータの TabBar コントロールのタブを返します。 | TabNavigator | ||
| [override]
Point オブジェクトをグローバル座標からコンテンツ座標に変換します。 | Container | |
|
point オブジェクトをステージ (グローバル) 座標から表示オブジェクトの (ローカル) 座標に変換します。 | DisplayObject | |
|
ステージ（グローバル）座標の 2 次元のポイントを 3 次元の表示オブジェクトの（ローカル）座標に変換します。 | DisplayObject | |
|
EventDispatcher オブジェクトに、特定のイベントタイプに対して登録されたリスナーがあるかどうかを確認します。 | EventDispatcher | |
|
オブジェクトに指定されたプロパティが定義されているかどうかを示します。 | Object | |
|
表示オブジェクトの境界ボックスを評価して、obj 表示オブジェクトの境界ボックスと重複または交差するかどうかを調べます。 | DisplayObject | |
|
表示オブジェクトを評価して、x および y パラメータで指定されたポイントと重複または交差するかどうかを調べます。 | DisplayObject | |
|
水平方向のグラデーションを描画するときに rot パラメータとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | |
|
このコンポーネントの内部構造を初期化します。 | UIComponent | |
|
このコンポーネントの繰り返しインスタンスを追跡する各種プロパティを初期化します。 | UIComponent | |
|
次の画面更新時に updateDisplayList() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
|
後で画面更新時に commitProperties() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
|
後で画面更新時に measure() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
|
Object クラスのインスタンスが、パラメータとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。 | Object | |
|
このオブジェクトの状態をロードします。 | ViewStack | |
|
3 次元の表示オブジェクトの（ローカル）座標の 3 次元のポイントをステージ（グローバル）座標の 2 次元のポイントに変換します。 | DisplayObject | |
| [override]
Point オブジェクトをローカル座標からコンテンツ座標に変換します。 | Container | |
|
point オブジェクトを表示オブジェクトの (ローカル) 座標からステージ (グローバル) 座標に変換します。 | DisplayObject | |
|
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、<font> や <b> のような HTML タグが含まれる可能性のある、指定の HTML テキストを測定します。 | UIComponent | |
|
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、指定のテキストを測定します。 | UIComponent | |
|
親の内部の指定された位置にコンポーネントを移動します。 | UIComponent | |
|
スタイルの変更を子に通知します。 | UIComponent | |
|
owner プロパティのチェーンが child からこの UIComponent を指定している場合に、true を返します。 | UIComponent | |
|
UIComponent オブジェクトを親に対して追加または削除したときに Flex によって呼び出されます。 | UIComponent | |
|
印刷用の IFlexDisplayObject を準備します。 | UIComponent | |
|
指定されたプロパティが存在し、列挙できるかどうかを示します。 | Object | |
|
このコンポーネントの CSS スタイルキャッシュを作成または再作成します。recursive パラメータが true の場合は、このコンポーネントのすべての子孫の CSS スタイルキャッシュも作成または再作成します。 | UIComponent | |
|
各エフェクトイベントごとに、EffectManager をイベントリスナーの 1 つとして登録します。 | UIComponent | |
|
このコンテナの子リストからすべての子を削除します。 | Container | |
| [override]
このコンテナの子リストから子 DisplayObject を削除します。 | Container | |
| [override]
このコンテナの子リストから、指定されたインデックス位置にある子 DisplayObject を削除します。 | Container | |
|
EventDispatcher オブジェクトからリスナーを削除します。 | EventDispatcher | |
|
指定されたイベントを再生します。 | UIComponent | |
|
提供された ID を使用して子を解決します。 | UIComponent | |
| [静的]
suspendBackgroundProcessing() が呼び出された後、callLater() によってキューに入れられたメソッドのバックグラウンド処理を再開します。 | UIComponent | |
|
このオブジェクトの状態を保存します。 | ViewStack | |
|
オブジェクトのサイズを設定します。 | UIComponent | |
| [override]
特定の子のインデックスを設定します。 | Container | |
|
レイアウト制約値を設定します。これは、このコンポーネントの制約スタイルを設定することと同じです。 | UIComponent | |
|
現在の状態を設定します。 | UIComponent | |
|
現在扱っているコンポーネントにフォーカスを設定します。 | UIComponent | |
|
ループ処理に対するダイナミックプロパティの可用性を設定します。 | Object | |
|
このコンポーネントインスタンスのスタイルプロパティを設定します。 | UIComponent | |
|
visible プロパティが変更されたときに呼び出されます。 | UIComponent | |
|
指定されたスプライトをユーザーがドラッグできるようにします。 | Sprite | |
|
startDrag() メソッドを終了します。 | Sprite | |
|
スタイルプロパティの変更を検出します。 | UIComponent | |
|
コンポーネントのスタイルを初めて初期化するとき、Flex は stylesInitialized() メソッドを呼び出します。 | UIComponent | |
| [静的]
resumeBackgroundProcessing() が呼び出されるまで、callLater() によってキューに入れられたメソッドのバックグラウンド処理をブロックします。 | UIComponent | |
|
指定された 2 つの子オブジェクトの z 順序（重ね順）を入れ替えます。 | DisplayObjectContainer | |
|
子リスト内の指定されたインデックス位置に該当する 2 つの子オブジェクトの z 順序 (重ね順) を入れ替えます。 | DisplayObjectContainer | |
| [override]
アプリケーションの DisplayObject の階層におけるこのオブジェクトの位置を示すストリングを返します。 | FlexSprite | |
|
子の位置とサイズを検証し、その他のビジュアルオブジェクトを描画します。 | UIComponent | |
|
必要に応じて、このオブジェクトのプロパティとレイアウトを検証および更新し、それを再描画します。 | UIComponent | |
|
commitProperties() メソッドを呼び出してコンポーネントのプロパティを検証するために、レイアウトロジックによって使用されます。 | UIComponent | |
|
コンポーネントの測定サイズを検証します。LayoutManager.invalidateSize() メソッドがこの ILayoutManagerClient を指定して呼び出された場合、測定の実行時に validateSize() メソッドが呼び出されます。 | UIComponent | |
|
このコンポーネントに割り当てられたバリデータからの valid と invalid の両方のイベントを処理します。 | UIComponent | |
|
指定されたオブジェクトのプリミティブな値を返します。 | Object | |
|
垂直方向のグラデーションを描画するときに rot パラメータとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | |
|
指定されたイベントタイプについて、この EventDispatcher オブジェクトまたはその祖先にイベントリスナーが登録されているかどうかを確認します。 | EventDispatcher | |
| メソッド | 定義元 | ||
|---|---|---|---|
|
フォーカス矩形を調整します。 | UIComponent | |
| [override]
Dissolve エフェクトでコンテナのクロムにオーバーレイを追加するときに内部的に使用されます。 | Container | |
|
子オブジェクトの作成後に行われる最終処理を実行します。 | UIComponent | |
|
コンポーネントに設定されたプロパティを処理します。 | UIComponent | |
|
選択されたインデックスを処理します。 | ViewStack | |
|
コンテナの境界線のスキンが存在しない場合、必要に応じてスキンを作成します。 | Container | |
|
コンポーネントの子オブジェクトを作成します。 | UIComponent | |
|
使用中の埋め込みフォントに基づくコンテキストで、新しいオブジェクトを作成します。 | UIComponent | |
|
指定された moduleFactory を使用して、オブジェクトを作成します。 | UIComponent | |
|
UIComponent オブジェクトがフォーカスを取得したときに呼び出されるイベントハンドラです。 | UIComponent | |
|
UIComponent オブジェクトがフォーカスを失ったときに呼び出されるイベントハンドラです。 | UIComponent | |
|
このコンポーネントの初期化を完了させます。 | UIComponent | |
|
このコンポーネントのアクセシビリティコードを初期化します。 | UIComponent | |
|
通常、UITextField オブジェクトが含まれているコンポーネントのうち、UITextField オブジェクトがフォーカスを取得したコンポーネントによってオーバーライドされます。 | UIComponent | |
|
keyDown イベントに対して呼び出されるイベントハンドラです。 | UIComponent | |
|
keyUp イベントに対して呼び出されたイベントハンドラです。 | UIComponent | |
|
サイズ変更に応答して、このコンテナの境界線の位置およびサイズを設定します。 | Container | |
[override]
この TabNavigator コンテナのデフォルトサイズ、最小値、および最大値を計算します。 | TabNavigator | ||
|
このメソッドは、UIComponent の作成時に呼び出されます。また、ローカライズされたリソースが何らかの方法で変更されたことを示すために、ResourceManager が "change" イベントを送出した時点で常に呼び出されます。 | UIComponent | |
|
horizontalScrollPosition プロパティと verticalScrollPosition プロパティの値に基づいて、表示可能領域を基準とするコンテナのコンテンツ領域の相対的な位置を設定します。 | Container | |
[override]
サイズ変更に応答して、このコンテナのタブおよび子の位置とサイズを設定します。 | TabNavigator | ||
| スタイル | 説明 | 定義元 | ||
|---|---|---|---|---|
| 型: Number CSS 継承: nobackgroundColor プロパティで定義されている、backgroundImage スタイルで定義されているイメージまたは SWF ファイルの背景色のアルファレベルです。有効な値の範囲は、0. | Container | ||
| 型: String CSS 継承: no 背景イメージが指定されている場合、このスタイルによって、イメージがビューポートに対して固定（ "fixed"）されているか、コンテンツとともにスクロールするか（"scroll"）を指定します。. | Container | ||
| 型: uint 形式: Color CSS 継承: no コンポーネントの背景色です。 backgroundColor と backgroundImage の両方を設定できます。一部のコンポーネントには背景色がありません。DataGrid コントロールでは、このスタイル設定は無視されます。 デフォルト値は undefined で、未定義であることを意味します。このスタイルと backgroundImage スタイルの両方が undefined である場合、コンポーネントは透明な背景を持ちます。 Application コンテナの場合、このスタイルはアプリケーションのロード時の背景色と、アプリケーションの実行時の背景のグラデーションを指定します。 指定された色よりもわずかに濃い色とわずかに薄い色の間でグラデーションパターンが計算されます。 ほとんどの Flex コントロールのデフォルトスキンは、部分的に透明です。この結果、コンテナの背景色が、そのコンテナの中のコントロールに部分的ににじみ出るように表示されます。コントロールの <mx:Container backgroundColor="0x66CC66"/> <mx:ControlName ... | Container | ||
| 型: uint 形式: Color CSS 継承: yes コンポーネントが無効になっている場合のコンポーネント背景色です。 デフォルト値は undefined です。List コントロールのデフォルト値は、0xDDDDDD（明るい灰色）です。 コンテナが無効になっている場合は、背景がグレー表示されます。このグレー表示の度合いは、disabledOverlayAlpha スタイルで制御します。. | Container | ||
| 型: Object 形式: File CSS 継承: no コンポーネントの背景イメージです。 これには、絶対 URL、相対 URL、絶対クラス、または相対クラスを指定できます。 backgroundColor と backgroundImage を同時に設定することが可能です。背景色の前面に背景イメージを表示します。 デフォルト値は undefined で、"未定義である" ことを意味します。このスタイルと backgroundColor スタイルの両方が undefined である場合、コンポーネントは透明な背景を持ちます。 ほとんどの Flex コントロールのデフォルトスキンは、部分的に透明です。この結果、コンテナの背景イメージが、そのコンテナの中のコントロールに部分的ににじみ出るように表示されます。コントロールの <mx:Container backgroundColor="0x66CC66"/> <mx:ControlName ... | Container | ||
| 型: String CSS 継承: nobackgroundImage で指定されているイメージを、元のサイズとは異なるサイズに拡大および縮小します。 "100%" に設定すると、コンポーネント全体に収まるサイズにイメージを伸縮します。パーセント値で指定する場合は、パーセント記号（%）付きで指定する必要があります。 Application コンテナのデフォルトは 100% % です。 他のすべてのコンテナのデフォルト値は auto で、イメージの元のサイズが維持されます。. | Container | ||
| 型: uint 形式: Color CSS 継承: yes ProgressBar の色を特定します。ProgressBar は、この色とそれを基に計算されるより明るい色の垂直方向のグラデーションで塗りつぶされます。このスタイルは、他のコンポーネントに対して無効ですが、コンテナに対して設定することで、コンテナ内部にあるすべてのプログレスバーの外観を制御できます。 デフォルト値は undefined で、未定義であることを意味します。この場合は、代わりに themeColor スタイルプロパティを使用します。. | Container | ||
| 型: String CSS 継承: no コンテンツ領域の上端からコントロールのベースライン位置までの垂直距離（ピクセル単位）を表します。 このスタイルが設定されている場合、コンポーネントのベースラインはそのコンテンツ領域の上端に対して固定されます。コンテナのサイズが変更されても、コンポーネントのベースラインとそのコンテンツ領域の上端の垂直距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
| 型: uint 形式: Color CSS 継承: no 境界線の色です。 デフォルト値はコンポーネントのクラスに応じて異なります。クラスでオーバーライドされない場合は 0xB7BABC になります。. | Container | ||
| 型: String CSS 継承: no 境界ボックスの境界線のうち、どれが表示されるかを示します。表示する境界線をスペース区切りのストリングで指定します。 ストリングには、任意の順序で、 "left"、"top"、"right"、および "bottom" を含めることができます。デフォルト値は "left top right bottom" です。この場合、4 辺のすべての境界を表示します。このスタイルは、borderStyle が "solid" の場合にのみ使用されます。. | Container | ||
| 型: Class CSS 継承: no コンポーネントの境界線のスキンクラスです。 明示的にデフォルト値が設定されている場合を除き、mx. | Container | ||
| 型: String CSS 継承: no 境界ボックスのスタイルです。 有効な値は、 "none"、"solid"、"inset"、および "outset" です。デフォルト値はコンポーネントのクラスに応じて異なります。クラスでオーバーライドされない場合は "inset" になります。ほとんどの Container のデフォルト値は "none" です。. | Container | ||
| 型: Number 形式: Length CSS 継承: no 境界ボックスの境界線の幅です。 borderStyle が "solid" に設定されている場合にのみ使用できます。. | Container | ||
| 型: String CSS 継承: no コンポーネントの下端からコンテンツ領域の下端までの垂直距離（ピクセル単位）を表します。 このスタイルが設定されている場合、コンポーネントの下端はそのコンテンツ領域の下端に対して固定されます。コンテナのサイズが変更されても、2 つの下端の垂直距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
| 型: uint 形式: Color CSS 継承: yes コンポーネントのラベルを含めたコンポーネント内のテキストの色です。. | Container | ||
| 型: Number 形式: Length CSS 継承: no コンポーネントの角に付いている丸みの半径です。デフォルト値はコンポーネントのクラスに応じて異なります。クラスでオーバーライドされない場合は 0 になります。ApplicationControlBar のデフォルト値は 5 です。. | Container | ||
| 型: uint 形式: Color CSS 継承: yes コンポーネントが無効な場合のテキストの色です。. | Container | ||
| 型: Number CSS 継承: no 無効になったコンテナの上に配置されるオーバーレイのアルファ値です。. | Container | ||
| 型: uint 形式: Color CSS 継承: yes ドロップシャドウの色です。. | Container | ||
| 型: Boolean CSS 継承: no コンポーネントのドロップシャドウの表示または非表示を指定するブール型プロパティです。 このスタイルは borderStyle="solid" と共に使用します。デフォルト値は false です。 メモ：ドロップシャドウをコンテナに表示するには、 | Container | ||
| 型: uint 形式: Color CSS 継承: yes 検証が失敗した場合のコンポーネントのハイライトの色です。Flex では、検証が失敗した場合、コンポーネントの borderColor スタイルもこの errorColor に設定します。. | UIComponent | ||
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 | ||
| 型: String CSS 継承: yes 内部 TextField の antiAliasType プロパティを設定します。 有効な値は、"normal"（flash. | Container | ||
| 型: String CSS 継承: yes 使用するフォントの名前です。完全な CSS 実装と異なり、カンマ区切りリストはサポートされません。任意のフォントファミリ名を使用できます。汎用フォント名を指定した場合、適切なデバイスフォントに置換されます。. | Container | ||
| 型: String CSS 継承: yes Flex コントロール内のテキストを表す内部 TextField の gridFitType プロパティを設定します。 可能な値は、"none"（flash. | Container | ||
| 型: Number CSS 継承: yes Flex コントロール内のテキストを表す内部 TextField の sharpness プロパティを設定します。 このプロパティは字形のエッジのシャープネスを指定します。有効な値は -400 ～ 400 までの数値です。 このプロパティが適用されるのは、埋め込みフォントを使用していて、 このスタイルはシステムフォントには影響しません。 このスタイルは TextField サブコントロール内のすべてのテキストに適用されます。一部の文字だけに適用することはできません。 . | Container | ||
| 型: Number 形式: Length CSS 継承: yes テキストの高さ（ピクセル単位）です。 ColorPicker コントロール以外のすべてのコントロールのデフォルト値は 10 です。ColorPicker コントロールのデフォルト値は 11 です。. | Container | ||
| 型: String CSS 継承: yes テキストをイタリック体にするかどうかを指定します。 有効な値は "normal" と "italic" です。. | Container | ||
| 型: Number CSS 継承: yes Flex コントロール内のテキストを表す内部 TextField の thickness プロパティを設定します。 このプロパティは字形のエッジの太さを指定します。有効な値は -200 ～ 200 までの数値です。 このプロパティが適用されるのは、埋め込みフォントを使用していて、 このスタイルは、システムフォントには影響を与えません。 このスタイルは TextField サブコントロール内のすべてのテキストに適用されます。一部の文字だけに適用することはできません。 . | Container | ||
| 型: String CSS 継承: yes テキストをボールド体にするかどうかを指定します。 有効な値は normal と bold です。Button コントロールのデフォルト値は bold です。他のすべてのコントロールのデフォルト値は normal です。. | Container | ||
horizontalAlign | 型: String CSS 継承: no この TabNavigator コンテナ上部にあるタブの水平位置を表します。 有効な値は、 "left"、"center"、および "right" です。デフォルト値は "left" です。
値が 整列設定による違いが表示されるには、すべてのタブの幅の合計が TabNavigator コンテナの幅より小さい必要があります。 | TabNavigator | ||
| 型: String CSS 継承: no コンポーネントのコンテンツ領域の中心からコンポーネントの中心までの水平距離（ピクセル単位）を表します。 このスタイルが設定されている場合、コンポーネントの中心はそのコンテンツ領域の中心に対して固定されます。コンテナのサイズが変更されても、2 つの中心の水平距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
horizontalGap | 型: Number 形式: Length CSS 継承: no ピクセル単位で表したタブ間の間隔です。 デフォルト値は -1 です。この場合、隣接するタブの境界線が重なります。 | TabNavigator | ||
| 型: Boolean CSS 継承: yes カーニングが有効（ true）か無効（false）かを示すブール値です。カーニングでは、読みやすくするために、特定の文字ペア間の間隔を調整します。ただし、カーニングは見出しを大きなフォントにする場合など、必要な場合に限って使用してください。 カーニングは、埋め込みフォントに対してのみサポートされています。Verdana や、Courier New などの等幅フォントなど、特定のフォントではカーニングはサポートされていません。. | Container | ||
lastTabStyleName | 型: String CSS 継承: no 最後のタブのスタイルを指定する CSS スタイル宣言の名前です。 指定されていない場合は、 tabStyleName スタイルプロパティのデフォルト値が使用されます。
| TabNavigator | ||
| 型: String CSS 継承: no コンポーネントのコンテンツ領域の左端からコンポーネントの左端までの水平距離（ピクセル単位）を表します。 このスタイルが設定されている場合、コンポーネントの左端はそのコンテンツ領域の左端に対して固定されます。コンテナのサイズが変更されても、2 つの左端の水平距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
| 型: Number CSS 継承: yes 各文字間に表示される追加のピクセル数。 正の値を指定すると文字間隔が通常より広くなり、負の値を指定すると文字間隔が通常より狭くなります。. | Container | ||
| 型: Number 形式: Length CSS 継承: no コンテナの下境界線とコンテンツ領域との間にあるピクセル数です。 デフォルト値は 0 です。. | ViewStack | ||
| 型: Number 形式: Length CSS 継承: no コンポーネントの左境界線からコンテンツ領域の左端までのピクセル数です。 デフォルト値は 0 です。 Button コントロールのデフォルト値は 10 です。 ComboBox コントロールのデフォルト値は 5 です。 Form コンテナのデフォルト値は 16 です。 Tree コントロールのデフォルト値は 2 です。 . | Container | ||
| 型: Number 形式: Length CSS 継承: no コンポーネントの右境界線からコンテンツ領域の右端までのピクセル数です。 デフォルト値は 0 です。 Button コントロールのデフォルト値は 10 です。 ComboBox コントロールのデフォルト値は 5 です。 Form コンテナのデフォルト値は 16 です。 . | Container | ||
| 型: Number 形式: Length CSS 継承: no コンテナの上境界線とコンテンツ領域との間にあるピクセル数です。 デフォルト値は 0 です。. | ViewStack | ||
| 型: String CSS 継承: no コンポーネントの右端からコンテンツ領域の右端までの水平距離（ピクセル単位）を表します。 このスタイルが設定されている場合、コンポーネントの右端はそのコンテンツ領域の右端に対して固定されます。コンテナのサイズが変更されても、2 つの右端の水平距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
selectedTabTextStyleName | 型: String CSS 継承: no 選択されたタブのテキストのスタイルを指定する CSS スタイル宣言の名前です。 | TabNavigator | ||
| 型: String CSS 継承: no ドロップシャドウの方向です。 有効な値は、 "left"、"center"、および "right" です。. | Container | ||
| 型: Number 形式: Length CSS 継承: no ドロップシャドウの幅です。このプロパティを負の値に設定すると、シャドウはコンポーネントの上に表示されます。. | Container | ||
tabHeight | 型: Number 形式: Length CSS 継承: no ピクセル単位で表した各タブの高さです。 デフォルト値は undefined です。このプロパティが undefined の場合、各タブの高さは、この TabNavigator コンテナに適用されるフォントスタイルによって決定されます。 このプロパティを設定すると、この計算よりも設定値が優先されます。
| TabNavigator | ||
tabOffset | 型: Number 形式: Length CSS 継承: no TabNavigator コンテナの左端からの、タブバーの水平方向のオフセット（ピクセル単位）です。 正の値は、タブバーを右方向へ移動させます。 負の値は、タブバーを左方向へ移動させます。 デフォルト値 : 0. | TabNavigator | ||
tabStyleName | 型: String CSS 継承: no タブのスタイルを指定する CSS スタイル宣言の名前です。 デフォルト値 : undefined. | TabNavigator | ||
tabWidth | 型: Number 形式: Length CSS 継承: no ピクセル単位で表した各タブの幅です。 デフォルト値は undefined です。このプロパティが undefined の場合、各タブの幅は、この TabNavigator コンテナに適用されるフォントスタイルを使用したラベルテキストの幅によって決定されます。 タブの幅の合計が TabNavigator コンテナの幅より広い場合、計算されたタブ幅が縮小されます（最小 30 ピクセルまで）。 このプロパティを設定すると、この計算よりも設定値が優先されます。
タブのラベルテキストは、タブに収まらない場合切り詰められます。 タブラベルが切り詰められた場合、ユーザーがタブの上にマウスを移動すると、ツールヒントにラベルテキスト全体が表示されます。 | TabNavigator | ||
| 型: String CSS 継承: yes コンテナ内のテキストの整列。 有効な値は、 "left"、"right"、または "center" です。 ほとんどのコンポーネントのデフォルト値は | Container | ||
| 型: String CSS 継承: yes テキストに下線を表示するかどうかを指定します。 有効な値は、 "none" および "underline" です。. | Container | ||
| 型: Number 形式: Length CSS 継承: yes テキストの 1 行目のコンテナ左端からのオフセット（ピクセル単位）です。. | Container | ||
| 型: uint 形式: Color CSS 継承: yes コンポーネントのテーマカラーです。このプロパティは、ハイライトの外観やコンポーネントが選択されたときの外観、およびその他の同様の視覚的なキューをコントロールしますが、コンポーネントの通常の境界線や背景色には影響を与えません。 推奨される値は、 haloGreen、haloBlue, haloOrange、および haloSilver です。ただし、任意の有効なカラー値を使用できます。 | UIComponent | ||
| 型: String CSS 継承: no コントロールのコンテンツ領域の上端からコンポーネントの上端までの垂直距離（ピクセル単位）を表します。 このスタイルが設定されている場合、コンポーネントの上端はそのコンテンツ領域の上端に対して固定されます。コンテナのサイズが変更されても、2 つの上端の垂直距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
| 型: String CSS 継承: no コンポーネントのコンテンツ領域の中心からコンポーネントの中心までの垂直距離（ピクセル単位）を表します。このスタイルが設定されている場合、コンポーネントの中心はそのコンテンツ領域の中心に対して固定されます。コンテナのサイズが変更されても、2 つの中心の垂直距離は維持されます。 このスタイルが有効なのは、Canvas コンテナのコンポーネントで使用する場合、または デフォルト値は | UIComponent | ||
| 型: Number 形式: Length CSS 継承: no 子同士の垂直方向の間隔を示すピクセル数です。 デフォルト値はコンポーネントのクラスに応じて異なります。クラスでオーバーライドされない場合のデフォルト値は 6 です。. | ViewStack | ||
| tabBar | プロパティ |
protected var tabBar:TabBarこの TabNavigator 内の TabBar への参照です。
| tabBarStyleFilters | プロパティ |
tabBarStyleFilters:Object [読み取り専用] TabNavigator から tabBar に渡すスタイルのセットです。
protected function get tabBarStyleFilters():Object関連項目
| TabNavigator | () | コンストラクタ |
public function TabNavigator()コンストラクタです。
| getTabAt | () | メソッド |
public function getTabAt(index:int):Button指定されたインデックス位置にある、ナビゲータの TabBar コントロールのタブを返します。
パラメータ
index:int — ナビゲータの TabBar コントロール内のインデックスです。
|
Button — 指定されたインデックス位置にあるタブです。
|
| measure | () | メソッド |
override protected function measure():void
この TabNavigator コンテナのデフォルトサイズ、最小値、および最大値を計算します。 UIComponent.measure() メソッドの詳細については、measure() メソッドを参照してください。
TabNavigator コンテナは、次の 2 つの点を除き、ViewStack コンテナと同じ測定ロジックを使用します。1 つ目は、タブが収まるように measuredHeight および measuredMinHeight プロパティの値を増加させる点です。 2 つ目は、各タブの幅が 30 ピクセル以上になるように、必要に応じて measuredWidth プロパティの値を増加させる点です。
関連項目
| updateDisplayList | () | メソッド |
override protected 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>
このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート
現在のページ: http://livedocs.adobe.com/flex/3_jp/langref/mx/containers/TabNavigator.html