展開、折りたたみできるパネル
祖先 - コンテナ (PRIM_CPST) コントロール (PRIM_CTRL) オブジェクト (PRIM_OBJT)
エクスパンダー パネルは、クリックで展開したり、折り畳んだりすることができるパネルです。
エクスパンダー パネルは独自で使用することもできますし、エクスパンダー (PRIM_MD.Expander) コントロールを親として、複数のエクスパンダー パネルをリンクすることもできます。
以下の例では、ViewStyle に Accordion が設定された 1 つの エクスパンダー に、3 つのエクスパンダー パネルが含まれています。
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#Layout1)
Define_Com Class(#PRIM_TBLO) Name(#ExpanderPanelLayout)
Define_Com Class(#PRIM_TBLO.Column) Name(#ExpanderPanelLayoutColumn1) Displayposition(1) Parent(#ExpanderPanelLayout)
Define_Com Class(#PRIM_TBLO.Row) Name(#ExpanderPanelLayoutRow1) Displayposition(1) Parent(#ExpanderPanelLayout)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem1) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label1) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem2) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label2) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem3) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label3) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO) Name(#Layout1)
Define_Com Class(#PRIM_TBLO.Row) Name(#Layout1Row1) Displayposition(1) Parent(#Layout1)
Define_Com Class(#PRIM_TBLO.Column) Name(#Layout1Column1) Displayposition(1) Parent(#Layout1)
Define_Com Class(#PRIM_TBLO.Item) Name(#Layout1Item1) Alignment(TopCenter) Column(#Layout1Column1) Manage(#Expander) Parent(#Layout1) Row(#Layout1Row1)
Define_Com Class(#PRIM_MD.Expander) Name(#Expander) Displayposition(1) Height(800) Parent(#COM_OWNER) Tabposition(1) Width(1200) Viewstyle(Accordion)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel1) Caption('Expander Panel 1') Displayposition(1) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(1) Width(1200)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel2) Caption('Expander Panel 2') Displayposition(2) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(2) Top(150) Width(1200)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel3) Caption('Expander Panel 3') Displayposition(3) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(3) Top(300) Width(1200)
Define_Com Class(#PRIM_MD.Label) Name(#Label1) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy.Tellus imperdiet, vivamus mi ultricies, proin varius lorem.Lorem ultricies, ut wisi.Turpis dolore.A nonummy.')Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel1) Tabposition(1) Top(56) Width(1166) Wordwrap(True) Height(20)
Define_Com Class(#PRIM_MD.Label) Name(#Label2) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy.Tellus imperdiet, vivamus mi ultricies, proin varius lorem.Lorem ultricies, ut wisi.Turpis dolore.A nonummy.')Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel2) Tabposition(1) Top(56) Width(1166) Wordwrap(True) Height(20)
Define_Com Class(#PRIM_MD.Label) Name(#Label3) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy.Tellus imperdiet, vivamus mi ultricies, proin varius lorem.Lorem ultricies, ut wisi.Turpis dolore.A nonummy.')Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel3) Tabposition(1) Top(56) Width(1166) Wordwrap(True) Height(20)
End_Com
名前 |
記述 |
BusyUpdatesはコントロールがそれ自身をどのようにしてアップデートするかを指定します。 コントロール (PRIM_CTRL) より継承 |
|
BusyUpdatesOfParentは親のコントロールが更新するかどうかを指定します。 コントロール (PRIM_CTRL) より継承 |
|
CanFocusはコントロールがキーボードフォーカスを受け取れるかどうかを示す値を返します。 コントロール (PRIM_CTRL) より継承 |
|
エキスパンダーパネルに表示するテキスト |
|
エキスパンダーパネルのキャプション位置 |
|
下の余白(ピクセル) |
|
左の余白(ピクセル) |
|
右の余白(ピクセル) |
|
上の余白(ピクセル) |
|
コンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承 |
|
ComponentControlsはコンポーネントに含まれるコントロールのコレクションです。 コンテナ (PRIM_CPST) より継承 |
|
このコンポーネントの全てにアクセスできるようにします。 オブジェクト (PRIM_OBJT) より継承 |
|
コンポーネントのクラスを制限します。 オブジェクト (PRIM_OBJT) より継承 |
|
インスタンス用に値を格納できる汎用スペース オブジェクト (PRIM_OBJT) より継承 |
|
ComponentTypeではコンポーネントのタイプ情報にアクセスできます。 オブジェクト (PRIM_OBJT) より継承 |
|
ComponentTypeName十分適格なコンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承 |
|
Cursorのイメージを指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
DisplayPositionに表示の位置を指定します。 コントロール (PRIM_CTRL) より継承 |
|
DragStyleはどのようにコンポーネントがドラッグされるかを決めます。 コントロール (PRIM_CTRL) より継承 |
|
テキストが切り詰められると省略記号を表示します |
|
EnableChildrenは、親が有効なプロパティを設定するかどうかを指定します。 コンテナ (PRIM_CPST) より継承 |
|
Enabledはコンポーネントを使用可能/使用不可にするためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
パネルが展開されるとTRUEを返します |
|
親がスクールされても移動しないよう、コントロールを固定します コントロール (PRIM_CTRL) より継承 |
|
Focusはコンポーネントにフォーカスがあるかどうかを判断するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
コントロールにフォーカスがある時に適用するスタイルへの参照 コントロール (PRIM_CTRL) より継承 |
|
コントロールにフォーカスがある時に適用するスタイルのコレクション コントロール (PRIM_CTRL) より継承 |
|
デスクトップアプリケーション内のWindowsハンドルを返します コントロール (PRIM_CTRL) より継承 |
|
Heightコンポーネントの高さを設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
Hintはコンポーネントの記述を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
HintPopupは省略値のポップアップテキストの代わりにポップアップパネル(#prim_ppnl)インスタンスが利用できるようにします。 コントロール (PRIM_CTRL) より継承 |
|
HintShowはヒントを表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
HintShowOfParentはコンテナのHintShowプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
HintTitleヒントウィンドウの上部に強調文字で表示されるテキストを指定します。 コントロール (PRIM_CTRL) より継承 |
|
パネルに表示するアイコン |
|
パネル上のアイコン配置 |
|
アイコンの色 |
|
使用するアイコンファイルへのパス |
|
使用するアイコンの高さ |
|
アイコンに使用するイメージ |
|
アイコンのサイズ調整 |
|
下からのアイコンのマージン |
|
左からのアイコンのマージン |
|
右からのアイコンのマージン |
|
上からのアイコンのマージン |
|
アイコンの不透明度を指定します |
|
アイコンのパディングをピクセルで指定します |
|
アイコンの描画スタイル |
|
IsAnimatingは現在コントロールがアニメーションで表示されていることを示します。 コントロール (PRIM_CTRL) より継承 |
|
デザインインスタンスが実施されるとTRUEになります。 コントロール (PRIM_CTRL) より継承 |
|
エキスパンダーパネルのレイアウトマネージャ |
|
Leftはコンポーネントの左側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
Modifiedはコントロールの内容が変更されていることを知らすためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
MouseOverマウスがコントロールの真上にあるかどうかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
カーソルが子コンポーネントの境界内にある場合TRUE コンテナ (PRIM_CPST) より継承 |
|
MouseOverStyleマウスが真上にある時にコントロールに適用するスタイル(#Prim_vs.Style)を定義します。 コントロール (PRIM_CTRL) より継承 |
|
MouseOverStylesマウスが真上にある時にコントロールに適用するスタイル集(#Prim_vs.Style)です。 コントロール (PRIM_CTRL) より継承 |
|
コンポーネントの名前 オブジェクト (PRIM_OBJT) より継承 |
|
Opacityはコントロールと背景の表示関係を表します。 コントロール (PRIM_CTRL) より継承 |
|
コンポーネントのオーナーです。 オブジェクト (PRIM_OBJT) より継承 |
|
下のパディング (ピクセル) |
|
左のパディング (ピクセル) |
|
右のパディング (ピクセル) |
|
上のパディング (ピクセル) |
|
このコントロールがビジュアル的に位置しているコントロールへの参照 コントロール (PRIM_CTRL) より継承 |
|
Popupは通常の右クリックのポップアップメニューの代わりにポップアップパネル(#prim_ppnl)インスタンスが利用できるようにします。 コントロール (PRIM_CTRL) より継承 |
|
右クリックで表示されるポップアップメニューへの参照 コントロール (PRIM_CTRL) より継承 |
|
コントロールに適用されたが、子コントロールに継承されないスタイル コンテナ (PRIM_CPST) より継承 |
|
コントロールに適用されたが、子コントロールに継承されないスタイルのコレクション コンテナ (PRIM_CPST) より継承 |
|
Rotationは指定の原点の周りをコントロールが回転できるようにします。 コントロール (PRIM_CTRL) より継承 |
|
RotationOriginLeftはコントロールがその周りを回転する想定地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
RotationOriginTopはコントロールがその周りを回転する想定地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleHeightはコントロールのビジュアル表示で使用する高さをパーセントで示します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleOriginLeftはコントロールのサイズ調整時の想定開始地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleOriginTopはコントロールのサイズ調整時の想定開始地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleWidthはコントロールのビジュアル表示で使用する幅をパーセントで示します。 コントロール (PRIM_CTRL) より継承 |
|
ScreenLeftはスクリーンの左側からの距離を設定します。 コントロール (PRIM_CTRL) より継承 |
|
ScreenTopはスクリーンの上部からの距離を設定します。 コントロール (PRIM_CTRL) より継承 |
|
スクロールされた子コントロールの(親コントロールに対して)左の位置 コントロール (PRIM_CTRL) より継承 |
|
スクロールされた子コントロールの(親コントロールに対して)上の位置 コントロール (PRIM_CTRL) より継承 |
|
SkewLeftはコントロールを水平方向に傾ける角度を定義します。 コントロール (PRIM_CTRL) より継承 |
|
SkewOriginLeftはコントロール傾斜時の想定開始地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
SkewOriginTopはコントロール傾斜時の想定開始地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
SkewTopはコントロールを垂直方向に傾ける角度を定義します。 コントロール (PRIM_CTRL) より継承 |
|
Styleはコントロールに適用するスタイル(#Prim_vs.Style)を定義します。 コントロール (PRIM_CTRL) より継承 |
|
コントロールに適用するスタイルのコレクション コントロール (PRIM_CTRL) より継承 |
|
TabPositionはフォーカスの順番を指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
TabStopはTabキーによってフォーカスをもつことを設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
コントロールに適用するテーマの描画スタイルの名前 コントロール (PRIM_CTRL) より継承 |
|
Topはコンポーネントの上側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
タッチ移動処理にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
タッチ回転にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
タッチサイズ変更にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
コントロールをサイズ調整可能にするかどうかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
Visibleはコンポーネントを表示/非表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
VisualStyleはコンポーネントの表示構成を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
VisualStyleOfParentはコンテナのVisualStyleプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
この Web ページのコンポーネントのアクセシビリティ記述として利用される Aria 属性を上書きする内容の詳細を示すコンポーネント インスタンスへの参照 コントロール (PRIM_CTRL) より継承 |
|
Widthはコンポーネントの幅を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
キャプションの折返しをするかどうか指定します |
名前 |
記述 |
アニメーション終了時に起動します PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 Cancelled |
|
パネルが折り畳まれると起動します |
|
コンポーネントを作成する時にCreateInstanceのイベントを実行します。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 |
|
コンポーネントが解除される前にDestroyInstanceのイベントを実行します。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 |
|
DragDropイベントはコンポーネントがドロップされる時に実行されます。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 PosX, PosY, Source, Payload, AggregatedSource, Origin, Handled, DragResult |
|
カーソルがコントロールの上を移動するドラッグアンドドロップ処理中に起動されます。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 PosX, PosY, Source, Payload, DragState, AcceptDrop, DragCursor, ShowDropHilight, AggregatedSource, Origin, Handled |
|
EndDragはドラッグアンドドロップが完了した時に実行されます。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 Source, Payload, DragResult, AggregatedSource, Origin, Handled |
|
パネルが展開されると起動します |
|
Initializeはコンポーネントをロードする時に実行されます。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 |
|
コントロールの境界内にマウスが入りました。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 |
|
マウスがコントロール上でホバリングしました。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 Origin, Handled |
|
マウスがコントロールの境界から出ました。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 |
|
StartDragはマウスをドラッグした時に実行されます。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 Source, Payload, Continue, DragList, AggregatedSource, Origin, Handled |
|
TouchStartとTouchEndの境界で繰り返し起動され、タッチイベントの詳細を提供します。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 MoveLeft, MoveTop, ScaleWidth, ScaleHeight, Rotation, Continue |
|
ユーザーのタッチが終了した時に起動します。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 |
|
ユーザーにより画面に物理的な接触が最初に行われた時に起動します。 PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) より継承 Origin, TouchMove, TouchRotate, TouchScale, TouchSize |
名前 |
記述 |
非表示から表示へのアニメーション コントロール (PRIM_CTRL) より継承 Duration, Delay |
|
表示から非表示へのアニメーション コントロール (PRIM_CTRL) より継承 Duration, Delay, Visible |
|
コントロールを指定位置から現在の位置に移動 コントロール (PRIM_CTRL) より継承 Left, Top, Duration, Delay |
|
指定されたピクセル数の移動をアニメーション化 コントロール (PRIM_CTRL) より継承 Left, Top, Duration, Delay |
|
Realizeは動的にコンポーネントを作成するためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
|
サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承 ScaleWidth, ScaleHeight, Duration, Delay |
|
SetFocusはコンポーネントにフォーカスをするためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
|
LANSA内部専用 コントロール (PRIM_CTRL) より継承 |
|
サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承 Width, Height, Duration, Delay |
|
コントロール間の変遷をアニメーション化 コンテナ (PRIM_CPST) より継承 From, To, TransitionType, Duration, Delay |
|
Unrealizeメソッドはコンポーネントを削除するためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
|
UpdateDisplayメソッドは画面を直ちに更新します。 コントロール (PRIM_CTRL) より継承 |