メソッド | プロパティ | エフェクト | イベント | スタイル | フレームあり | フレームなし

mx.containers
ViewStack クラス

継承を示す線継承を示す線継承を示す線継承を示す線
直接の既知のサブクラス
           mx.containers.TabNavigator

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

ViewStack ナビゲータのコンテナは、積み重ねられた一連の子コンテナから成ります。子コンテナは一度に 1 つのみ表示されます。別の子コンテナが選択されると、同じ場所に表示されるため、このコンテナによって既存のコンテナが置き換えられたように見えます。しかし、それまでの子コンテナもまだ存在しており、単に見えなくなっただけです。

ViewStack コンテナでは、現在表示されている子コンテナを選択するためのユーザーインターフェイスは提供されません。通常は、ActionScript で、このコンテナの selectedIndex または selectedChild プロパティが何らかのユーザー操作に反応するように設定します。または、LinkBar または TabBar コンテナを ViewStack コンテナに関連付けることにより、ナビゲーションインターフェイスを提供することもできます。この場合は、LinkBar または TabBar コンテナの dataProvider プロパティの値として ViewStack コンテナを指定します。ViewStack コンテナより複雑な、TabNavigator コンテナや Accordion コンテナなどのナビゲータコンテナを使用することもできます。これらのコンテナは、子コンテナのコレクションを含むだけでなく、子の間を移動するための固有のユーザーインターフェイスコントロールを提供します。

MXML シンタックス

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

 <mx:ViewStack
historyManagement="value"
marginTop="value"
marginBottom="value"
resizeToContent="false|true"
selectedIndex="value"
change="event handler"
changeEffect="value"
>
...
child tags
...
</mx:ViewStack>

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

関連項目
    LinkBar
    mx.managers.HistoryManager
    mx.managers.LayoutManager



メソッド
       layoutChildren( ) :  Void
サイズ変更に応答して、このコンテナの子の位置およびサイズを設定します。
       measure( ) :  Void
ViewStack コンテナの推奨、最小、および最大サイズを計算します。

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  

mx.core.UIObject クラスから継承されるメソッド
addEventListener   applyProperties   buildDepthTable   commitProperties   constructObject2   createAccessibilityImplementation   createChildAtDepth   createChildren   createClassChildAtDepth   createClassObject   createEmptyObject   destroyObject   dispatchEvent   doLater   draw   drawRect   executeBindings   fillRect   findNextAvailableDepth   getRepeaterItem   getStyle   handleEvent   init   invalidate   invalidateLayout   invalidateProperties   invalidateSize   invalidateStyle   layoutChildren   measure   move   redraw   removeEventListener   setDepthAbove   setDepthBelow   setMask   setSize   setSizeNoLayout   setStyle   swapDepths  



プロパティ
       historyManagement:Boolean
true の場合、この ViewStack コンテナ内の履歴管理を有効にします。
       resizeToContent:Boolean
true の場合、ViewStack は現在の子のサイズに変更されます。
       selectedChild:mx.core.UIObject
現在表示されている子コンテナへの参照です。
       selectedIndex:Number
現在表示されている子コンテナの 0 から始まるインデックスです。
staticversion: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.UIObject クラスから継承されるプロパティ
alpha   baselinePosition   className   depth   documentDescriptor   height   heightFlex   id   instanceIndices   isDocument   kStretch   layoutHeight   layoutWidth   maxHeight   maxWidth   minHeight   minWidth   mouseX   mouseY   nestLevel   oldHeight   oldWidth   oldX   oldY   parent   parentApplication   parentDocument   percentHeight   percentWidth   preferredHeight   preferredWidth   repeaterIndices   scaleX   scaleY   styleName   tabEnabled   toolTip   version   visible   width   widthFlex   x   y  



エフェクト
changeEffect選択されている子が変更されたときに再生するエフェクトです。

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 



スタイル
marginBottom型 : Number   形式 : Length   CSS の継承 : なし
コンテナの下の境界とコンテンツ領域の間のピクセル数です。デフォルト値は 0 です。
marginTop型 : Number   形式 : Length   CSS の継承 : なし
コンテナの上の境界とコンテンツ領域との間のピクセル数です。デフォルト値は 0 です。

mx.core.UIComponent クラスから継承されるスタイル
backgroundAlpha   backgroundColor   backgroundDisabledColor   backgroundImage   backgroundSize   barColor   borderCapColor   borderColor   borderSides   borderStyle   borderThickness   cornerRadius   disabledColor   dropShadow   errorColor   fillColors   highlightColor   modalTransparency   scrollTrackColor   selectedFillColors   shadowCapColor   shadowColor   shadowDirection   shadowDistance   symbolBackgroundColor   symbolBackgroundDisabledColor   symbolBackgroundPressedColor   symbolColor   symbolDisabledColor   themeColor  

mx.core.UIObject クラスから継承されるスタイル
color   fontFamily   fontSize   fontStyle   fontWeight   horizontalGap   leading   marginLeft   marginRight   textAlign   textDecoration   textIndent   verticalGap  



メソッドの詳細

layoutChildren

layoutChildren( ) :  Void

サイズ変更に応答して、このコンテナの子の位置およびサイズを設定します。layoutChildren() メソッドの詳細については、UIObject.layoutChildren() メソッドを参照してください。

一度に表示されるのは 1 つの子のみであるため、ViewStack コンテナはその子の位置とサイズのみを設定します。

選択されている子は、ViewStack コンテナの余白と境界線のスペースを空けて、ViewStack コンテナの左上隅に配置されます。

選択されている子の width または height がパーセント値に設定されている場合は、ViewStack コンテナのコンテンツ領域 (余白内部の領域など) の指定した比率にちょうど収まるように、その方向にサイズ変更されます。


measure

measure( ) :  Void

ViewStack コンテナの推奨、最小、および最大サイズを計算します。measure() メソッドの詳細については、UIObject.measure() メソッドを参照してください。

ViewStack コンテナの推奨サイズは、現在選択されている子の推奨サイズに、余白と境界線を加えたサイズです。ViewStack コンテナに子がない場合、推奨サイズは余白と境界線だけを表示するのに必要な大きさです。

ViewStack コンテナの最小サイズは、現在選択されている子の最小サイズに、余白と境界線を加えたサイズです。ViewStack コンテナに子がない場合、最小サイズは余白と境界線だけを表示するのに必要な大きさです。

このメソッドでは、ViewStack コンテナの最大サイズは変更されず、無制限のままになります。



プロパティの詳細

historyManagement

historyManagement:Boolean  

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

関連項目
    mx.managers.HistoryManager


resizeToContent

resizeToContent:Boolean  

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


selectedChild

selectedChild:mx.core.UIObject  

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


selectedIndex

selectedIndex:Number  

現在表示されている子コンテナの 0 から始まるインデックスです。子のインデックスは、0、1、2 ~ n - 1 となります。n は子の数です。デフォルトは 0 で、これは最初の子に対応します。子が存在しない場合は、このプロパティは undefined です。


version

static  version:String  

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


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

<mx:Panel title="View Stack Panel" width="55%" height="100%">

<!-- Create a VBox container so the container for the buttons appears above
the ViewStack container. -->
<mx:VBox backgroundColor="#FFFFFF" width="100%" height="100%">

<!-- 3 つのボタンを保持するための HBox コンテナを作成します。 -->
<mx:HBox borderStyle="solid" width="100%" height="20%">

<!-- 3 つのボタンを定義します。各ボタンは、子コンテナの識別子を使用して
アクティブな子コンテナを設定します。 -->
<mx:Button id="searchButton" label="Search Screen"
click="myViewStack.selectedChild=search;"/>
<mx:Button id="cInfoButton" label="Customer Info Screen"
click="myViewStack.selectedChild=custInfo;"/>
<mx:Button id="aInfoButton" label="Account Info Screen"
click="myViewStack.selectedChild=accountInfo;"/>

</mx:HBox>

<!-- ViewStack コンテナおよび 3 つの子コンテナを定義し、
ViewStack コンテナのサイズをボタンのコンテナのサイズに変更します。 -->
<mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">

<mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
<mx:Label text="Search Screen" color="#000000"/>
</mx:Canvas>

<mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
<mx:Label text="Customer Info" color="#000000"/>
</mx:Canvas>

<mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
<mx:Label text="Account Info" color="#000000"/>
</mx:Canvas>

</mx:ViewStack>

</mx:VBox>

</mx:Panel>

</mx:Application>