ASDoc

mx.containers
Accordion クラス

Accordion クラス
mx.containers.Container の拡張

Accordion ナビゲータコンテナには一連の子コンテナが含まれていますが、表示されるのはそのうち 1 つのみです。このコンテナは、子の間を移動するためのナビゲータボタンを作成および管理します。各子コンテナには 1 つのナビゲータボタンが関連付けられます。各ナビゲータボタンは、子ではなく Accordion に属します。ユーザーがナビゲータボタンをクリックすると、関連付けられた子コンテナが表示されます。新しい子へのトランジションでは、ある子が消えて別の子が現れることを明確に示すためにアニメーションが使用されます。

Accordion コンテナは ViewStack コンテナを拡張しませんが、selectedIndex や selectedChild など、ViewStack コンテナのすべてのプロパティ、メソッド、スタイル、およびイベントを実装します。

MXML シンタックス

<mx:Accordion> タグは、<mx:Container> タグのプロパティ、スタイル、およびイベントを継承し、次を追加します。

 <mx:Accordion
   headerHeight="value"
   historyManagement="value"
   marginTop="value"
   marginBottom="value"
   openDuration="value"
   resizeToContent="false|true"
   selectedIndex="value"
   textSelectedColor="value"
   verticalGap="value"
   >
     ...
     子タグ
     ...
 </mx:Accordion>

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

関連項目
accordionclasses.AccordionHeader

メソッド
	`createSegment( classRef, instanceName:String, label:String, icon:String) : MovieClip`新しい子コンテナとこれに対応するナビゲーションボタンを作成します。
	`getHeaderAt( i:Number) : mx.core.UIComponenti` 番目の子に対応するナビゲーションボタンへの参照を返します。

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

プロパティ
	`headerClass:Function`各子のナビゲーションボタンを作成するために使用されるクラスへの参照です。
	`historyManagement:Booleantrue` の場合、この Accordion コンテナ内の履歴管理を有効にします。
	`resizeToContent:Booleantrue` の場合、この ViewStack は現在の子のサイズに変更されます。
	`selectedChild:mx.core.UIObject`現在表示されている子コンテナへの参照です。
	`selectedIndex:Number`
`static`	`version:String`このクラスのバージョンを表すストリングです。

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

イベント

change 選択されている子コンテナが変更されたときにブロードキャストします。イベントオブジェクトの target プロパティには、イベントをブロードキャストするオブジェクト、つまりこのコンテナへの参照が設定されます。type プロパティには、イベントのタイプである change が含まれます。newValue プロパティには、選択された子コンテナの 0 から始まるインデックスが含まれます。prevValue プロパティには、前に選択されていた子コンテナの 0 から始まるインデックスが含まれます。

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

スタイル
`headerHeight`	`型 : Number 形式 : Length CSS の継承 : なし`ピクセル単位で表した各 Accordion ヘッダの高さです。デフォルト値は 22 です。
`marginBottom`	`型 : Number 形式 : Length CSS の継承 : なし`コンテナの下の境界とコンテンツ領域との間のピクセル数です。デフォルト値は -1 です。この場合、最後のヘッダの下の境界が、Accordion コンテナの下の境界線と重なります。
`marginTop`	`型 : Number 形式 : Length CSS の継承 : なし`コンテナの上の境界とコンテンツ領域との間のピクセル数です。デフォルト値は -1 です。この場合、最初のヘッダの上の境界が、Accordion コンテナの上の境界と重なります。
`openDuration`	`型 : Number 形式 : Time CSS の継承 : なし`ある子から別の子へのアニメーションをミリ秒単位で表した継続時間です。デフォルトは 250 です。
`openEasing`	`型 : String CSS の継承 : なし`アニメーションで使用されるトゥイーン関数です。
`verticalGap`	`型 : Number 形式 : Length CSS の継承 : なし`子同士の垂直方向の間隔を示すピクセル数です。デフォルト値は -1 です。この場合、隣接するヘッダの上の境界と下の境界が重なります。

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

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

メソッドの詳細

createSegment

createSegment( classRef, instanceName:String, label:String, icon:String)
										
													 :  MovieClip

新しい子コンテナとこれに対応するナビゲーションボタンを作成します。

パラメータ
    classRef - 新しい子コンテナのクラスへの参照 (mx.containers.Canvas など) です。これはクラス参照であり、クラス名ではないので、"mx.containers.Canvas" のように引用符で囲まれたストリングは渡しません。
    instanceName:String - 子のインスタンス名です。これは MXML ID とは異なります。通常、固有のインスタンス名が自動的に選択されるように、undefined ("") を渡します。インスタンス名を指定する場合は、任意の有効な識別子を使用できますが、このコンテナの子の中で一意である必要があります。
    label:String - 新規タブに表示されるテキストです。
    icon:String - 新規タブに表示されるアイコンのシンボル名です。

getHeaderAt

getHeaderAt( i:Number)
										
													 :  mx.core.UIComponent

i 番目の子に対応するナビゲーションボタンへの参照を返します。

パラメータ
i:Number - 子の 0 から始まるインデックスです。

プロパティの詳細

headerClass

headerClass:Function

各子のナビゲーションボタンを作成するために使用されるクラスへの参照です。デフォルト値は mx.containers.accordionclasses.AccordionHeader です。メモ : このプロパティは、ActionScript でのみ設定できます。MXML では設定できません。

関連項目
accordionclasses.AccordionHeader

historyManagement

historyManagement:Boolean

true の場合、この Accordion コンテナ内の履歴管理を有効にします。ユーザーがある子から別の子に移動すると、アクセスした子がブラウザに記憶されます。これにより、ユーザーはブラウザの [戻る] および [進む] ボタンをクリックして、移動履歴をたどることができます。

関連項目
mx.managers.HistoryManager

resizeToContent

resizeToContent:Boolean

true の場合、この ViewStack は現在の子のサイズに変更されます。デフォルト値は false です。

selectedChild

selectedChild:mx.core.UIObject

現在表示されている子コンテナへの参照です。デフォルト値は、最初の子への参照です。子が存在しない場合は、このプロパティは undefined です。メモ : このプロパティは ActionScript ステートメントでのみ設定できます。MXML では設定できません。

selectedIndex

selectedIndex:Number

version

static version:String

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

例

AccordionExample.mxml

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

<mx:Accordion borderStyle="solid" width="65%" height="60%">

<mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#99FFFF">
<mx:Label text="Add components here" fontSize="20" fontStyle="italic"
fontWeight="bold" fontFamily="Times New Roman"/>
</mx:Canvas>

<mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#FFCCFF">
<mx:Label text="Add components here" fontSize="20" fontStyle="italic"
fontWeight="bold" fontFamily="Times New Roman"/>
</mx:Canvas>

</mx:Accordion>

</mx:Application>

mx.containers Accordion クラス