ASDoc

mx.containers
TabBar クラス

TabBar クラス
mx.containers.NavBar の拡張

TabBar コンテナを使用すると、各タブに関連付けるラベルおよびデータを定義して、一連のタブを作成することができます。デフォルトで複数のビューに関連付けられていないタブを作成するには、TabNavigator コンテナの代わりに TabBar コンテナを使用します。TabBar コンテナを使用すると、タブがデータから直接生成されるため、ビューをさまざまな方法で強化できます。

MXML シンタックス

<mx:TabBar> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。

 <mx:TabBar
   dataProvider="No default.
   horizontalAlign="left|center|right"
   horizontalGap="6"
   labelField="No default.
   marginLeft="0"
   marginRight="0"
   selectedIndex="0"
   tabHeight="Default is determined by the font, style, and skin
              applied to the container.Set explicit height to override default value."
   tabWidth="Default value is calculated from label width."
   click="Event handler; no default."
   ...
     child tags
   ...
 />

例を参照するにはここをクリックしてください

関連項目
TabNavigator
NavBar

メソッド

mx.containers.Box クラスから継承されるメソッド

layoutChildren measure pixelsToPercent setRelativeChildHeights setRelativeChildWidths

mx.containers.Container クラスから継承されるメソッド

createChildren draw executeChildBindings getViewMetrics getViewMetricsAndMargins init

mx.core.View クラスから継承されるメソッド

childLoaded   constructObject2   createChild   createChildren   destroyAllChildren   destroyChild   destroyChildAt   draw   getBorderMetrics   getChildAt   getChildIndex   getViewMetrics   init   layoutChildren   layoutChrome   setChildIndex

mx.core.UIComponent クラスから継承されるメソッド

drawFocus getFocus getFocusManager setEnabled setFocus

プロパティ
	`activeTabStyleDeclaration:String`アクティブなタブのテキストのスタイル宣言です。
	`selectedIndex:Number` アクティブなタブのインデックスです。
`static`	`version:String`このクラスのバージョンを表すストリングです。

mx.containers.NavBar クラスから継承されるプロパティ

dataProvider labelField version

mx.containers.Box クラスから継承されるプロパティ

direction

mx.containers.Container クラスから継承されるプロパティ

autoLayout   childDescriptors   className   clipContent   creationIndex   creationPolicy   defaultButton   hLineScrollSize   hPageScrollSize   hPosition   hScrollPolicy   icon   label   maxHPosition   maxVPosition   numRepeaters   version   vLineScrollSize   vPageScrollSize   vPosition   vScrollPolicy

mx.core.View クラスから継承されるプロパティ

baselinePosition className numChildren version

mx.core.UIComponent クラスから継承されるプロパティ

enabled errorString tabEnabled tabIndex version

エフェクト

mx.core.UIComponent クラスから継承されるエフェクト

focusInEffect focusOutEffect

mx.core.UIObject クラスから継承されるエフェクト

creationCompleteEffect   hideEffect   mouseDownEffect   mouseOutEffect   mouseOverEffect   mouseUpEffect   moveEffect   resizeEffect   showEffect

イベント

click

コンテナタブが選択されたときにブロードキャストします。このイベントは、dataProvider が ViewStack コンテナではない場合のみ送信されます。イベントオブジェクトの target プロパティには、イベントをトリガしたコンテナへの参照が含まれます。イベントオブジェクトの type プロパティには、イベントの名前である click が含まれます。イベントオブジェクトには次のようなプロパティもあります。

label 現在選択されているアイテムのラベルです。
index 現在選択されているアイテムのインデックスです。
relatedNode 現在選択されているアイテムへの参照です。
data 現在選択されているアイテムに関連付けられたデータです。

mx.containers.NavBar クラスから継承されるイベント

click

mx.containers.Container クラスから継承されるイベント

childrenCreated scroll

mx.core.View クラスから継承されるイベント

childCreated childDestroyed childIndexChanged

mx.core.UIComponent クラスから継承されるイベント

focusIn focusOut invalid keyDown keyUp valid valueCommitted

mx.core.UIObject クラスから継承されるイベント

creationComplete  dragComplete  dragDrop  dragEnter  dragExit  dragOver  draw  effectEnd  effectStart  hide  hideToolTip  initialize  load  mouseChangeSomewhere  mouseDown  mouseDownSomewhere  mouseMove  mouseMoveSomewhere  mouseOut  mouseOver  mouseUp  mouseUpSomewhere  move  resize  show  showToolTip  unload

スタイル
`horizontalAlign`	`CSS の継承 : なし`タブの水平方向の配置です。デフォルト値は `left` です。有効な値は、`left`、`center`、および `right` です。
`horizontalGap`	`型 : Number 形式 : Length CSS の継承 : なし`子同士の水平方向の間隔を示すピクセル数です。デフォルト値は -1 です。
`marginLeft`	`型 : Number CSS の継承 : なし`コンテナの左境界線とコンテンツ領域の間隔を示すピクセル数です。
`marginRight`	`型 : Number CSS の継承 : なし`コンテナの右境界線とコンテンツ領域の間隔を示すピクセル数です。
`tabHeight`	`型 : Number 形式 : Length CSS の継承 : なし`ピクセル単位で表した各タブの高さです。デフォルト値は `undefined` です。このプロパティが `undefined` の場合、各タブの高さは、コンテナに適用されるフォントスタイルによって決定されます。このプロパティを設定すると、この計算よりも設定値が優先されます。
`tabWidth`	`型 : Number 形式 : Length CSS の継承 : なし`ピクセル単位で表したタブの幅です。undefined の場合、タブのデフォルト幅はラベルテキストから計算されます。

mx.containers.Box クラスから継承されるスタイル

horizontalAlign horizontalGap marginBottom marginTop verticalAlign verticalGap

mx.core.UIObject クラスから継承されるスタイル

color   fontFamily   fontSize   fontStyle   fontWeight   horizontalGap   leading   marginLeft   marginRight   textAlign   textDecoration   textIndent   verticalGap

プロパティの詳細

activeTabStyleDeclaration

activeTabStyleDeclaration:String

アクティブなタブのテキストのスタイル宣言です。デフォルト値は、テキストを太字にする "activeTabStyle" です。

selectedIndex

selectedIndex:Number

アクティブなタブのインデックスです。インデックスは、0、1、2 ～、n - 1 となります。n はタブの数です。デフォルトは 0 で、これは最初のタブに対応します。

version

static version:String

このクラスのバージョンを表すストリングです。

例

TabBarExample.mxml

<?xml version="1.0"?>
<!-- TabBar レイアウトの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

<mx:Script>
<![CDATA[

var STATE_ARRAY:Array = [{label:"Alabama", data:"Montgomery"},
{label:"Alaska", data:"Juneau"},
{label:"Arkansas", data:"LittleRock"}
                                ];
       ]]>
</mx:Script>

<mx:Panel title="Tab Bar Panel" width="400" height="200">

<mx:TabBar>
<mx:dataProvider>
	                 {STATE_ARRAY}
</mx:dataProvider>
</mx:TabBar>

</mx:Panel>

</mx:Application>

mx.containers TabBar クラス

activeTabStyleDeclaration

selectedIndex

version

mx.containers
TabBar クラス