アプリケーションドロワー (PRIM_MD.AppDrawer)
ナビゲーションのオプションを表示するポップアップサイドバー
祖先 - パネル (PRIM_PANL) コンテナ (PRIM_CPST) コントロール (PRIM_CTRL) オブジェクト (PRIM_OBJT)
詳細
アプリケーションのドロワーは、一緒に作動する複数のコントロールのまとまりで、一般的なモバイル・アプリケーションのフレームワークを作ります。
通常ドロワーは左側に配置され、メニューとして使用されます。小さい画面サイズの場合は必要に応じて開いたり、閉じたりしますが、大きめの画面の場合は常に利用できるようにすることができます。
その他のコントロールとしては、次のようなものがあります。
アプリケーション タイトルバー： アプリケーションのヘッダーとして使用します。
ビューコンテナ： アプリケーション内の複数のビューの管理・整理に使用します。
アプリケーション ビュー： アプリケーション機能の表示に使用します。
アプリケーション ダイアログ： エディターとして使用します。
ナビゲーション ボタン： アプリケーション ドロー上のメニュー アイテムととして利用します。
例
以下は、様々なパーツがやり取りする様子を簡単に示したものです。
実際のアプリケーションでは、ビューが再利用可能パーツになります。
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) LayoutManager(#LayoutMain)
Define_Com Class(#PRIM_TBLO) Name(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMainColumn1) DisplayPosition(1) Parent(#LayoutMain) Units(Content) Width(220)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMainColumn2) DisplayPosition(2) Parent(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMainRow1) DisplayPosition(1) Parent(#LayoutMain) Height(56) Units(Pixels)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMainRow2) DisplayPosition(2) Parent(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem1) Column(#LayoutMainColumn1) Manage(#AppBar) Parent(#LayoutMain) Row(#LayoutMainRow1) ColumnSpan(2)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem2) Column(#LayoutMainColumn1) Manage(#AppDrawer) Parent(#LayoutMain) Row(#LayoutMainRow2) Sizing(FitToHeight)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem3) Column(#LayoutMainColumn2) Manage(#ViewContainer) Parent(#LayoutMain) Row(#LayoutMainRow2)
Define_Com Class(#PRIM_TBLO) Name(#LayoutAppDrawer)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutAppDrawerColumn1) DisplayPosition(1) Parent(#LayoutAppDrawer)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutAppDrawerRow1) DisplayPosition(1) Parent(#LayoutAppDrawer)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutAppDrawerItem1) Alignment(TopCenter) Column(#LayoutAppDrawerColumn1) Flow(Down) Manage(#NavButton1) Parent(#LayoutAppDrawer) Row(#LayoutAppDrawerRow1) Sizing(FitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutAppDrawerItem2) Alignment(TopCenter) Column(#LayoutAppDrawerColumn1) Flow(Down) Manage(#NavButton2) Parent(#LayoutAppDrawer) Row(#LayoutAppDrawerRow1) Sizing(FitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutAppDrawerItem3) Alignment(TopCenter) Column(#LayoutAppDrawerColumn1) Flow(Down) Manage(#NavButton3) Parent(#LayoutAppDrawer) Row(#LayoutAppDrawerRow1) Sizing(FitToWidth)
Define_Com Class(#PRIM_MD.AppBar) Name(#AppBar) DisplayPosition(1) Parent(#COM_OWNER) TabPosition(1) TabStop(False) Width(1200) ThemeDrawStyle('Heading1') CaptionMarginLeft(15) Caption('TITLE') CaptionMarginBottom(0) CaptionMarginRight(0) CaptionMarginTop(0) Icon('menu')
Define_Com Class(#PRIM_MD.AppDrawer) Name(#AppDrawer) DisplayPosition(2) Parent(#COM_OWNER) TabPosition(2) TabStop(False) Top(56) Height(744) LayoutManager(#LayoutAppDrawer) ThemeDrawStyle('MediumTitle') Width(220)
Define_Com Class(#PRIM_MD.ViewContainer) Name(#ViewContainer) DisplayPosition(3) Left(220) Parent(#COM_OWNER) TabPosition(3) TabStop(False) Top(56) Height(744) Width(980)
Define_Com Class(#PRIM_MD.NavButton) Name(#NavButton1) Caption('View 1') CaptionAlignment(CenterLeft) CaptionMarginLeft(16) DisplayPosition(1) IconMarginLeft(16) Left(0) Parent(#AppDrawer) TabPosition(1) TabStop(False) Top(0) Width(219) Height(48) Icon('view_quilt') Manage(#View1)
Define_Com Class(#PRIM_MD.NavButton) Name(#NavButton2) Caption('View 2') CaptionAlignment(CenterLeft) CaptionMarginLeft(16) DisplayPosition(2) IconMarginLeft(16) Left(0) Parent(#AppDrawer) TabPosition(3) TabStop(False) Top(48) Width(219) Height(48) Icon('view_quilt') Manage(#View2)
Define_Com Class(#PRIM_MD.NavButton) Name(#NavButton3) Caption('View 3') CaptionAlignment(CenterLeft) CaptionMarginLeft(16) DisplayPosition(3) IconMarginLeft(16) Left(0) Parent(#AppDrawer) TabPosition(2) TabStop(False) Top(96) Width(219) Height(48) Icon('view_quilt') Manage(#View3)
* Views
Define_Com Class(#PRIM_View) Name(#View1) Height(744) Parent(#ViewContainer) TabStop(False) Width(980) DisplayPosition(1) TabPosition(1)
Define_Com Class(#PRIM_View) Name(#View2) Height(744) Left(326) Parent(#ViewContainer) TabStop(False) Width(980) DisplayPosition(2) TabPosition(2)
Define_Com Class(#PRIM_View) Name(#View3) Height(744) Parent(#ViewContainer) TabStop(False) Width(980) Left(652) DisplayPosition(3) TabPosition(3)
Define_Com Class(#prim_md.Label) Name(#View1Text) Caption('View 1') Parent(#View1) DisplayPosition(1) TabPosition(1)
Define_Com Class(#prim_md.Label) Name(#View2Text) Caption('View 2') Parent(#View2) DisplayPosition(1) TabPosition(1)
Define_Com Class(#prim_md.Label) Name(#View3Text) Caption('View 3') Parent(#View3) DisplayPosition(1) TabPosition(1)
Evtroutine Handling(#AppBar.IconClick)
#AppDrawer.ToggleDrawer
Endroutine
Evtroutine Handling(#Sys_Web.DeviceChanged)
If (#Sys_Web.Device = Mobile)
#AppDrawer.DrawerStyle := SlideInLeft
Else
#AppDrawer.DrawerStyle := Permanent
Endif
Endroutine
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) より継承 | |
このパネル用のデザインマネージャへの参照 パネル (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) より継承 | |
アプリドロワーが表示されている場合TRUEを返します | |
子コントロールの位置の制御に使用されるレイアウトマネージャへの参照 パネル (PRIM_PANL) より継承 | |
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) より継承 | |
コントロールのレンダリングに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) より継承 | |
タッチサイズ変更にコントロールがどう対応するかを決定します。 コントロール (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) より継承 Cancelled | |
Clickイベントはマウスがクリックされた時に実行されます。 コントロール (PRIM_CTRL) より継承 Origin, Handled | |
コンポーネントを作成する時にCreateInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承 | |
デザインがアクティブ化されると起動されます コントロール (PRIM_CTRL) より継承 Design, DesignManager | |
コンポーネントが解除される前にDestroyInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承 | |
DoubleClickイベントはマウスをタブルクリックした時に実行されます。 コントロール (PRIM_CTRL) より継承 Origin, Handled | |
DragDropイベントはコンポーネントがドロップされる時に実行されます。 コントロール (PRIM_CTRL) より継承 PosX, PosY, Source, Payload, AggregatedSource, Origin, Handled, DragResult | |
カーソルがコントロールの上を移動するドラッグアンドドロップ処理中に起動されます。 コントロール (PRIM_CTRL) より継承 PosX, PosY, Source, Payload, DragState, AcceptDrop, DragCursor, ShowDropHilight, AggregatedSource, Origin, Handled | |
EndDragはドラッグアンドドロップが完了した時に実行されます。 コントロール (PRIM_CTRL) より継承 Source, Payload, DragResult, AggregatedSource, Origin, Handled | |
コントロールでEnterキーが押されると起動します コントロール (PRIM_CTRL) より継承 KeyCode, Char, IsAltDown, IsControlDown, IsShiftDown, Handled | |
Initializeはコンポーネントをロードする時に実行されます。 コントロール (PRIM_CTRL) より継承 | |
キーボードでキー押下時に起動します。 コントロール (PRIM_CTRL) より継承 KeyCode, Char, IsAltDown, IsControlDown, IsShiftDown, Handled | |
コントロールの境界内にマウスが入りました。 コントロール (PRIM_CTRL) より継承 | |
マウスがコントロール上でホバリングしました。 コントロール (PRIM_CTRL) より継承 Origin, Handled | |
マウスがコントロールの境界から出ました。 コントロール (PRIM_CTRL) より継承 | |
複合コントロール内のスクロールバーが移動されると起動されます。 コントロール (PRIM_CTRL) より継承 Orientation | |
パネルのサイズ変更時に起動されます コントロール (PRIM_CTRL) より継承 | |
StartDragはマウスをドラッグした時に実行されます。 コントロール (PRIM_CTRL) より継承 Source, Payload, Continue, DragList, AggregatedSource, Origin, Handled | |
TouchStartとTouchEndの境界で繰り返し起動され、タッチイベントの詳細を提供します。 コントロール (PRIM_CTRL) より継承 MoveLeft, MoveTop, ScaleWidth, ScaleHeight, Rotation, Continue | |
ユーザーのタッチが終了した時に起動します。 コントロール (PRIM_CTRL) より継承 | |
ユーザーにより画面に物理的な接触が最初に行われた時に起動します。 コントロール (PRIM_CTRL) より継承 Origin, TouchMove, TouchRotate, TouchScale, TouchSize |
メソッド
名前 | 記述 |
|---|---|
アプリドロワーを閉じます | |
非表示から表示へのアニメーション コントロール (PRIM_CTRL) より継承 Duration, Delay | |
表示から非表示へのアニメーション コントロール (PRIM_CTRL) より継承 Duration, Delay, Visible | |
子コントロールを使用して、水平スクロール位置を設定します。 パネル (PRIM_PANL) より継承 Control, ScrollPosition | |
コントロールを指定位置から現在の位置に移動 コントロール (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) より継承 | |
子コントロールを使用して、垂直スクロール位置を設定します。 パネル (PRIM_PANL) より継承 Control, ScrollPosition |