ポップアップ (PRIM_PPNL)
ポップアップ
祖先 - パネル (PRIM_PANL) コンテナ (PRIM_CPST) コントロール (PRIM_CTRL) オブジェクト (PRIM_OBJT)
詳細
ポップアップパネルは、 Control のPopup や HintPopup プロパティを介して、代わるものとして Popup Menu もしくは Hint に主に使用されています。
Thay は、 MenuBar の子アイテムとして追加することもでき、フリーフォーマットエリアを提供し、非常に柔軟なメニュー表示を可能にします。
通常のコンテキストメニューやシンプルなラベルの代わりに、ポップアップパネルをデザインして、必要な方法でデータを表示することができます。さらに、メニューやヒントとは異なり、ポップアップパネルにフォーカスを当てることができるので、単純なメニューやヒントよりもフォームに似ています。
ただしフォームとは異なり、 AutoClose プロパティが True の場合、バックグラウンドでクリックするとポップアップが閉じます。
ポップアップは、ブラウザアプリケーションに最適なシンプルなダイアログとしても使用できます。
例
この例では、設定イメージは HintPopup を使用しています。ポップアップを表示するには、画像の上でホバーします。
Begin_Com Role(*EXTENDS #PRIM_WEB) Height(456) Width(864) Layoutmanager(#TableLayout1)
Define_Com Class(#PRIM_VS.Style) Name(#Style1) Backgroundbrush(#Brush1)
Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush1) Color(255:137:12)
Define_Com Class(#PRIM_VS.Style) Name(#Style2) Backgroundbrush(#Brush2)
Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush2) Color(240:240:240)
Define_Com Class(#PRIM_VS.Style) Name(#Style3) Fontsize(14)
Define_Com Class(#PRIM_TBLO) Name(#TableLayout1)
Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Displayposition(1) Parent(#TableLayout1)
Define_Com Class(#PRIM_TBLO.Row) Name(#Row1) Displayposition(1) Parent(#TableLayout1)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem2) Column(#Column1) Manage(#Settings) Parent(#TableLayout1) Row(#Row1) Sizing(None) Alignment(TopRight) Margintop(8) Marginright(8)
Define_Com Class(#PRIM_PPNL) Name(#PopupSettings) Closebutton(True) Displayposition(1) Left(232) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(104) Height(197) Autoclose(False) Width(340) Style(#Style2)
Define_Com Class(#PRIM_IMAG) Name(#Settings) Displayposition(2) Height(64) Image(#xDWImageSettings64) Left(792) Parent(#COM_OWNER) Tabposition(2) Tabstop(False) Top(8) Width(64) Hintpopup(#PopupSettings)
Define_Com Class(#PRIM_LABL) Name(#Label1) Displayposition(2) Ellipses(Word) Height(33) Left(48) Parent(#PopupSettings) Tabposition(3) Tabstop(False) Top(8) Verticalalignment(Center) Width(281) Style(#Style3) Caption('Settings')
Define_Com Class(#PRIM_LABL) Name(#Label2) Caption('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum') Displayposition(4) Ellipses(Word) Height(145) Left(8) Parent(#PopupSettings) Tabposition(4) Tabstop(False) Top(40) Width(329)
Define_Com Class(#PRIM_IMAG) Name(#Settings1) Displayposition(3) Height(32) Image(#xDWImageSettings64) Left(8) Parent(#PopupSettings) Tabposition(2) Tabstop(False) Top(8) Width(32) Hintpopup(#PopupSettings) Imagesizing(BestFit)
End_Com
次の例では、ユーザーIDとパスワードが求めるサインオンのボタンがポップアップとして右上に表示されます。
このボタンをクリックするとダイアログが表示されます。
背景にはShroudStyle が適用されています。
Begin_Com Role(*EXTENDS #PRIM_WEB) Height(456) Width(864) Layoutmanager(#TableLayout1)
Define_Com Class(#PRIM_VS.Style) Name(#Style1) Backgroundbrush(#Brush1)
Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush1) Color(28:28:28) Opacity(30)
Define_Com Class(#PRIM_TBLO) Name(#TableLayout1)
Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Displayposition(1) Parent(#TableLayout1)
Define_Com Class(#PRIM_TBLO.Row) Name(#Row1) Displayposition(1) Parent(#TableLayout1)
Define_Com Class(#PRIM_TBLO.Item) Name(#Button1Item1) Alignment(TopRight) Column(#Column1) Manage(#Signin) Parent(#TableLayout1) Row(#Row1) Sizing(None) Margintop(8) Marginright(8)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem1) Column(#Column1) Manage(#PopupSignin) Parent(#TableLayout1) Row(#Row1) Sizing(None)
Define_Com Class(#PRIM_PHBN) Name(#Signin) Caption('Signin') Displayposition(1) Left(776) Parent(#COM_OWNER) Tabposition(1) Top(8)
Define_Com Class(#PRIM_PPNL) Name(#PopupSignin) Closebutton(True) Displayposition(2) Left(292) Parent(#COM_OWNER) Tabposition(2) Tabstop(False) Titlebar(True) Top(156) Height(145) Autoclose(False) Shroudstyle(#Style1)
Define_Com Class(#PRIM_PHBN) Name(#OK) Caption('OK') Displayposition(2) Left(192) Parent(#PopupSignin) Tabposition(2) Top(112)
Define_Com Class(#PRIM_EDIT) Name(#Edit1) Displayposition(3) Left(8) Parent(#PopupSignin) Showselection(False) Showselectionhilight(False) Tabposition(3) Top(40) Width(265) Placeholder('User ID')
Define_Com Class(#PRIM_EDIT) Name(#Edit2) Displayposition(4) Left(8) Parent(#PopupSignin) Showselection(False) Showselectionhilight(False) Tabposition(4) Top(72) Width(265) Passwordchar('*') Placeholder('Password')
Evtroutine Handling(#Signin.Click)
#PopupSignin.ShowPopup
Endroutine
End_Com
プロパティ
名前 | 記述 |
|---|---|
パネルを自動的に閉じます。 | |
TRUEに設定して、表示時にポップアップパネルへのフォーカスを設定します。 | |
BusyUpdatesはコントロールがそれ自身をどのようにしてアップデートするかを指定します。 コントロール (PRIM_CTRL) より継承 | |
BusyUpdatesOfParentは親のコントロールが更新するかどうかを指定します。 コントロール (PRIM_CTRL) より継承 | |
CanFocusはコントロールがキーボードフォーカスを受け取れるかどうかを示す値を返します。 コントロール (PRIM_CTRL) より継承 | |
タイトルバーに表示するテキスト | |
タイトルバーに閉じるボタンを表示します | |
タイトルバーに表示するリポジトリに登録されたイメージ | |
TRUEに設定すると、子コントロールのクリック時にポップアップが閉じられます。 | |
コンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承 | |
ComponentControlsはコンポーネントに含まれるコントロールのコレクションです。 コンテナ (PRIM_CPST) より継承 | |
このコンポーネントの全てにアクセスできるようにします。 オブジェクト (PRIM_OBJT) より継承 | |
コンポーネントのクラスを制限します。 オブジェクト (PRIM_OBJT) より継承 | |
インスタンス用に値を格納できる汎用スペース オブジェクト (PRIM_OBJT) より継承 | |
ComponentTypeではコンポーネントのタイプ情報にアクセスできます。 オブジェクト (PRIM_OBJT) より継承 | |
ComponentTypeName十分適格なコンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承 | |
ポップアップに表示するパネル | |
Cursorのイメージを指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
このパネル用のデザインマネージャへの参照 パネル (PRIM_PANL) より継承 | |
DisableNoScrollはスクロールバーの表示を制御します。 パネル (PRIM_PANL) より継承 | |
DisplayPositionに表示の位置を指定します。 コントロール (PRIM_CTRL) より継承 | |
DragStyleはどのようにコンポーネントがドラッグされるかを決めます。 コントロール (PRIM_CTRL) より継承 | |
EnableChildrenは、親が有効なプロパティを設定するかどうかを指定します。 コンテナ (PRIM_CPST) より継承 | |
Enabledはコンポーネントを使用可能/使用不可にするためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
親がスクールされても移動しないよう、コントロールを固定します コントロール (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) より継承 | |
HorizontalScrollは水平スクロールバーを表示するかどうかを設定するためのプロパティです。 パネル (PRIM_PANL) より継承 | |
HorizontalScrollIncは、水平方向のスクロールバーのピクセル単位の増加量を指定します。 パネル (PRIM_PANL) より継承 | |
HorizontalScrollPos水平方向のスクロールバーの位置を設定します。 パネル (PRIM_PANL) より継承 | |
現在のスクロール位置から右の残りをピクセル単位で指定します パネル (PRIM_PANL) より継承 | |
Imageはコンポーネントに使用するイメージを設定するためのプロパティです。 パネル (PRIM_PANL) より継承 | |
Alignmentプロパティを指定してコンポーネントを整列します。 パネル (PRIM_PANL) より継承 | |
IsAnimatingは現在コントロールがアニメーションで表示されていることを示します。 コントロール (PRIM_CTRL) より継承 | |
パネルを現在表示するかどうかを定義します。 | |
デザインインスタンスが実施されるとTRUEになります。 コントロール (PRIM_CTRL) より継承 | |
子コントロールの位置の制御に使用されるレイアウトマネージャへの参照 パネル (PRIM_PANL) より継承 | |
Leftはコンポーネントの左側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
Modifiedはコントロールの内容が変更されていることを知らすためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
MouseOverはマウスがコントロールの真上かどうかを決定 | |
カーソルが子コンポーネントの境界内にある場合TRUE | |
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) より継承 | |
コントロールのレンダリングにDirectX、またはWin32を使用する、もしくは親に従うかを定義 パネル (PRIM_PANL) より継承 | |
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_PANL) より継承 | |
テーマが使用された時にフォームをどのように表示するかを定義 パネル (PRIM_PANL) より継承 | |
テーマが使用された時にコントロールをどのように表示するかを定義 パネル (PRIM_PANL) より継承 | |
タイトルバーを表示します | |
タイトルバーに適用するテーマの描画スタイルの名前 | |
タイトルバーの左側に表示するイメージ | |
Topはコンポーネントの上側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
タッチ移動処理にポップアップパネルがどう対応するかを決定します。 | |
タッチ回転にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 | |
タッチサイズ変更にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 | |
ポップアップパネルのサイズ変更が可能かどうか決定します。 | |
VerticalScroll垂直スクロールバーを表示するかどうかを設定するためのプロパティです。 パネル (PRIM_PANL) より継承 | |
VerticalScrollIncは、垂直方向のスクロールバーのピクセル単位の増加量を指定します。 パネル (PRIM_PANL) より継承 | |
VerticalScrollPosは垂直方向のスクロールバーの位置を設定します。 パネル (PRIM_PANL) より継承 | |
現在のスクロール位置から左下までの残りをピクセル単位で指定します パネル (PRIM_PANL) より継承 | |
Visibleはコンポーネントを表示/非表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
VisualStyleはコンポーネントの表示構成を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
VisualStyleOfParentはコンテナのVisualStyleプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承 | |
この Web ページのコンポーネントのアクセシビリティ記述として利用される Aria 属性を上書きする内容の詳細を示すコンポーネント インスタンスへの参照 コントロール (PRIM_CTRL) より継承 | |
Widthはコンポーネントの幅を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
イベント
名前 | 記述 |
|---|---|
アニメーション終了時に起動します コントロール (PRIM_CTRL) より継承 | |
Clickイベントはマウスがクリックされた時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
ポップアップパネルは閉じられました。 | |
ポップアップが閉じられています。 | |
コンポーネントを作成する時にCreateInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承 | |
デザインがアクティブ化されると起動されます コントロール (PRIM_CTRL) より継承 | |
コンポーネントが解除される前にDestroyInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承 | |
DoubleClickイベントはマウスをタブルクリックした時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
DragDropイベントはコンポーネントがドロップされる時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
カーソルがコントロールの上を移動するドラッグアンドドロップ処理中に起動されます。 コントロール (PRIM_CTRL) より継承 | |
EndDragはドラッグアンドドロップが完了した時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
コントロールでEnterキーが押されると起動します コントロール (PRIM_CTRL) より継承 | |
Initializeはコンポーネントをロードする時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
キーボードでキー押下時に起動します。 コントロール (PRIM_CTRL) より継承 | |
コントロールの境界内にマウスが入りました。 コントロール (PRIM_CTRL) より継承 | |
マウスがコントロール上でホバリングしました。 コントロール (PRIM_CTRL) より継承 | |
マウスがコントロールの境界から出ました。 コントロール (PRIM_CTRL) より継承 | |
ポップアップが表示されようとしています。 | |
複合コントロール内のスクロールバーが移動されると起動されます。 コントロール (PRIM_CTRL) より継承 | |
パネルのサイズ変更時に起動されます コントロール (PRIM_CTRL) より継承 | |
StartDragはマウスをドラッグした時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
TouchStartとTouchEndの境界で繰り返し起動され、タッチイベントの詳細を提供します。 コントロール (PRIM_CTRL) より継承 | |
ユーザーのタッチが終了した時に起動します。 コントロール (PRIM_CTRL) より継承 | |
ユーザーにより画面に物理的な接触が最初に行われた時に起動します。 コントロール (PRIM_CTRL) より継承 |
メソッド
名前 | 記述 |
|---|---|
ポップアップを閉じる | |
非表示から表示へのアニメーション コントロール (PRIM_CTRL) より継承 | |
表示から非表示へのアニメーション コントロール (PRIM_CTRL) より継承 | |
子コントロールを使用して、水平スクロール位置を設定します。 パネル (PRIM_PANL) より継承 | |
コントロールを指定位置から現在の位置に移動 コントロール (PRIM_CTRL) より継承 | |
指定されたピクセル数の移動をアニメーション化 コントロール (PRIM_CTRL) より継承 | |
Realizeは動的にコンポーネントを作成するためのメソッドです。 コントロール (PRIM_CTRL) より継承 | |
サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承 | |
SetFocusはコンポーネントにフォーカスをするためのメソッドです。 コントロール (PRIM_CTRL) より継承 | |
LANSA内部専用 コントロール (PRIM_CTRL) より継承 | |
ポップアップの表示 | |
サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承 | |
コントロール間の変遷をアニメーション化 コンテナ (PRIM_CPST) より継承 | |
Unrealizeメソッドはコンポーネントを削除するためのメソッドです。 コントロール (PRIM_CTRL) より継承 | |
UpdateDisplayメソッドは画面を直ちに更新します。 コントロール (PRIM_CTRL) より継承 | |
子コントロールを使用して、垂直スクロール位置を設定します。 パネル (PRIM_PANL) より継承 |