ASDoc

mx.containers
Panel クラス

直接の既知のサブクラス
mx.containers.TitleWindow, mx.controls.Alert

Panel クラス
mx.containers.VBox の拡張

Panel コンテナは、タイトルバー、キャプション、境界線、および子のコンテンツ領域から構成されています。通常、Panel コンテナは最上位のアプリケーションモジュールをラップするために使用します。たとえば、Panel コンテナにショッピングカートを含めることもできます。

MXML シンタックス

<mx:Panel> コンテナは、親クラスのすべてのプロパティと、次のプロパティを継承します。

 <mx:Panel
   panelBorderStyle="default"
   cornerRadius="3"
   dropShadow="true"
   headerColors="[0xE1E5EB, 0xF4F5F7]"
   headerHeight"28"
   footerColors="[0xF4F5F7, 0xE1E5EB]"
   title="No default."
   titleStyleDeclaration="Default value is undefined, which causes the title bar to have white bold text."
   click="Event handler; no default."
   mouseDownOutside="Event handler; no default."
   ...
     子タグ
   ...
 />

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

関連項目
ControlBar
VBox

メソッド
	`deletePopUp`ポップアップ Panel コンテナを閉じます。
	`getViewMetrics( ) : Object`境界線、タイトルバー、およびスクロールバー (表示されている場合) を含むオブジェクトの端の幅を返します。
	`measure( ) : Void`Panel コンテナの推奨、最小、および最大サイズを計算します。

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

プロパティ
	`className:String`このクラスの名前です。
	`status:String`タイトルバーのステータス領域のテキストです。
	`statusStyleDeclaration:String`タイトルバーのステータスのスタイル宣言の名前です。
	`title:String`タイトルバーに表示されるタイトルまたはキャプションです。
	`titleStyleDeclaration:String`タイトルバーのテキストのスタイル宣言の名前です。
`static`	`version:String`このクラスのバージョンを表すストリングです。

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

エフェクト
`resizeEndEffect`	Resize エフェクトの再生が終了した後に配信されます。デフォルト値は `"Dissolve"` です。Dissolve エフェクトを無効にして子を即座に非表示にするには、`resizeEndEffect` トリガの値を明示的に `"none"` に設定する必要があります。
`resizeStartEffect`	Resize エフェクトの再生が開始する前に配信されます。デフォルト値は `"Dissolve"` です。Dissolve エフェクトを無効にして子を即座に非表示にするには、`resizeStartEffect` トリガの値を明示的に `"none"` に設定する必要があります。

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

focusInEffect focusOutEffect

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

creationCompleteEffect   hideEffect   mouseDownEffect   mouseOutEffect   mouseOverEffect   mouseUpEffect   moveEffect   resizeEffect   showEffect

イベント
`click`	ユーザーが閉じるボタンを選択したときにブロードキャストします。イベントオブジェクトの `target` プロパティには、このイベントをトリガしたコンポーネントへの参照が設定されます。イベントオブジェクトの `type` プロパティには、イベントの名前が含まれます。
`mouseDownOutside`	ユーザーがパネルの外側をクリックしたときにブロードキャストします。イベントオブジェクトの `target` プロパティには、このイベントをトリガしたコンポーネントへの参照が設定されます。イベントオブジェクトの `type` プロパティには、イベントの名前が含まれます。

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

スタイル
`cornerRadius`	`型 : Number CSS の継承 : なし`ウィンドウフレームの角に付いている丸みの半径です。デフォルト値は 8 です。
`dropShadow`	`型 : Boolean CSS の継承 : なし`Panel のドロップシャドウの可視性を制御するブール型プロパティです。デフォルト値は、ドロップシャドウを描画する `true` です。
`footerColors`	`型 : Array CSS の継承 : あり`フッタ (ControlBar コンテナの領域) の背景の描画に使用される 2 色の配列です。1 つ目のカラーは上のカラーです。2 つ目のカラーは下のカラーです。デフォルト値は (0xF4F5F7, 0xE1E5EB) です。
`headerColors`	`型 : Array CSS の継承 : あり`ヘッダの描画に使用される 2 色の配列です。1 つ目のカラーは上のカラーです。2 つ目のカラーは下のカラーです。デフォルト値は (0xE1E5EB, 0xF4F5F7) です。
`headerHeight`	`型 : Number CSS の継承 : なし`ヘッダの高さを表します。デフォルト値は 28 です。
`panelBorderStyle`	`CSS の継承 : なし`コンテナ下部の 2 つの角に適用される境界線スタイルです。上部の 2 つの角は常に丸です。有効な値は、`default` (コンテナの角を直角に設定します) および `roundCorners` (コンテナの角を丸に設定します) です。上部の 2 つの角を直角に設定するには、`cornerRadius` を 0 に設定します。デフォルト値は `default` です。
`shadowDirection`	`CSS の継承 : なし`ドロップシャドウの方向です。有効な値は "left"、"center"、および "right" です。デフォルト値は "center" です。
`shadowDistance`	`型 : Number CSS の継承 : なし`ドロップシャドウの幅です。負の値を指定した場合、シャドウはパネルの上に移動します。デフォルト値は 2 です。

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

メソッドの詳細

deletePopUp

deletePopUp( )

ポップアップ Panel コンテナを閉じます。このメソッドは、Application.popup() メソッドまたは PopUpManager.createPopUp() メソッドを使用して開かれた場合、Panel コンテナに追加されます。

getViewMetrics

getViewMetrics( )
										
													 :  Object

境界線、タイトルバー、およびスクロールバー (表示されている場合) を含むオブジェクトの端の幅を返します。

戻り値
端の幅 (ピクセル単位) が設定された left、right、top、および bottom の各プロパティを持つオブジェクトです。

measure

measure( )
										
													 :  Void

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

measure() メソッドは、最初に VBox.measure() メソッドを呼び出し、次に _measuredPreferredWidth および _measuredMinWidth の幅がタイトルと ControlBar を表示するために十分であることを確認します。

プロパティの詳細

className

className:String

このクラスの名前です。

status

status:String

タイトルバーのステータス領域のテキストです。デフォルト値は空のストリングです。

statusStyleDeclaration

statusStyleDeclaration:String

タイトルバーのステータスのスタイル宣言の名前です。デフォルト値は、ステータス領域に太字テキストを表示する windowStatus です。

title

title:String

タイトルバーに表示されるタイトルまたはキャプションです。デフォルト値は空のストリングです。

titleStyleDeclaration

titleStyleDeclaration:String

タイトルバーのテキストのスタイル宣言の名前です。デフォルト値は、タイトルに太字テキストを表示する windowStyles です。

version

static version:String

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

例

SimplePanelExample.mxml

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

<mx:Script>
<![CDATA[
       
function showProperties()
	   {
	    panelPropertyArea.text= "Status:" + panel.status + '\n' +
				  "Title:" + panel.title + '\n' +
				  "Width:" + panel.width + '\n' +
				  "Height:" + panel.height ;
	   }
    ]]>
</mx:Script>

<mx:Panel title="Simple Panel" status="Active" id="panel" height="200" width="400">

<mx:TextArea id="panelPropertyArea" text="click button to see panel properties" width="380" height="120"/>
<mx:Button label="click to view panel properties" click="showProperties();"/>

</mx:Panel>

</mx:Application>

mx.containers Panel クラス