PRIM_MD.MenuItem (PRIM_MD.MenuItem)
Web ページをコントロールするメニュー項目
祖先 - フラット ボタン (PRIM_MD.FlatButton) コントロール (PRIM_MD.Control) コントロール (PRIM_CTRL) オブジェクト (PRIM_OBJT)
PRIM_MD.MenuItem はマテリアル ボタンで、メニューやアプリケーション ドロワー内に入れるのが一番適しています。 メニュー アイテムは、Item Dialog、Item View、Item Tab プロパティを使って、直接 ビュー、ダイアログやタブ シートに関連付けることができ、これによりナビゲーションしやすくなります。
次の例では、ポップアップ パネルにメニューが含まれています。 アプリケーション バーで下矢印が選択されると、メニュー付きのポップアップが表示され、ビューとダイアログの選択ができるようになります。
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#LayoutPage) Define_Com Class(#PRIM_TBLO) Name(#LayoutPage) Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Parent(#LayoutPage) Displayposition(1) Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutPageRow1) Parent(#LayoutPage) Displayposition(2) Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutPageRow2) Parent(#LayoutPage) Displayposition(1) Height(56) Units(Content) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutPageItem1) Column(#Column1) Manage(#Appbar) Parent(#LayoutPage) Row(#LayoutPageRow2) Sizing(FitToWidth) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutPageItem2) Column(#Column1) Manage(#Menu) Parent(#LayoutPage) Row(#LayoutPageRow2) Sizing(ContentHeight) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutPageItem4) Manage(#ViewContainer) Parent(#LayoutPage) Row(#LayoutPageRow1) Column(#Column1) Define_Com Class(#PRIM_TBLO) Name(#AppbarLayout) Define_Com Class(#PRIM_TBLO.Column) Name(#AppbarLayoutColumn1) Displayposition(1) Parent(#AppbarLayout) Define_Com Class(#PRIM_TBLO.Row) Name(#AppbarLayoutRow1) Displayposition(1) Parent(#AppbarLayout) Define_Com Class(#PRIM_TBLO.Item) Name(#AppbarLayoutItem1) Alignment(CenterRight) Column(#AppbarLayoutColumn1) Flow(Left) Manage(#MenuIcon) Parent(#AppbarLayout) Row(#AppbarLayoutRow1) Sizing(None) Define_Com Class(#PRIM_TBLO) Name(#LayoutMenu) Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMenuRow1) Displayposition(1) Parent(#LayoutMenu) Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMenuColumn1) Displayposition(1) Parent(#LayoutMenu) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMenuItem2) Alignment(TopLeft) Column(#LayoutMenuColumn1) Manage(#MenuItemDialog2) Parent(#LayoutMenu) Row(#LayoutMenuRow1) Sizing(ContentHeightFitToWidth) Flow(Down) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMenuItem3) Alignment(TopLeft) Column(#LayoutMenuColumn1) Manage(#MenuItemDialog1) Parent(#LayoutMenu) Row(#LayoutMenuRow1) Sizing(ContentHeightFitToWidth) Flow(Down) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMenuItem4) Alignment(TopLeft) Column(#LayoutMenuColumn1) Manage(#ParentItemDialogs) Parent(#LayoutMenu) Row(#LayoutMenuRow1) Sizing(ContentHeightFitToWidth) Flow(Down) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMenuItem6) Alignment(TopLeft) Column(#LayoutMenuColumn1) Manage(#MenuItemView2) Parent(#LayoutMenu) Row(#LayoutMenuRow1) Sizing(ContentHeightFitToWidth) Flow(Down) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMenuItem7) Alignment(TopLeft) Column(#LayoutMenuColumn1) Manage(#MenuItemView1) Parent(#LayoutMenu) Row(#LayoutMenuRow1) Sizing(ContentHeightFitToWidth) Flow(Down) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMenuItem8) Alignment(TopLeft) Column(#LayoutMenuColumn1) Manage(#ParentItemViews) Parent(#LayoutMenu) Row(#LayoutMenuRow1) Sizing(ContentHeightFitToWidth) Flow(Down) Define_Com Class(#PRIM_TBLO) Name(#LayoutPopUp) Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutPopUpRow1) Parent(#LayoutPopUp) Displayposition(1) Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutPopUpColumn1) Parent(#LayoutPopUp) Displayposition(1) Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutPopUpItem1) Alignment(TopLeft) Column(#LayoutPopUpColumn1) Manage(#Menu) Parent(#LayoutPopUp) Row(#LayoutPopUpRow1) Sizing(ContentHeightFitToWidth) Define_Com Class(#PRIM_MD.AppBar) Name(#Appbar) Caption('Title') Displayposition(1) Layoutmanager(#AppbarLayout) Parent(#COM_OWNER) Tabposition(1) Themedrawstyle('Heading2') Width(1200) Define_Com Class(#PRIM_MD.Icon) Name(#MenuIcon) Displayposition(1) Icon('arrow_drop_down') Left(1152) Parent(#Appbar) Tabposition(1) Top(4) Define_Com Class(#prim_md.ViewContainer) Name(#ViewContainer) Parent(#COM_OWNER) Displayposition(2) Tabposition(2) Height(744) Width(1200) Top(56) Define_Com Class(#PRIM_VIEW) Name(#View1) Parent(#ViewContainer) Displayposition(1) Tabposition(1) Height(744) Left(400) Width(1200) Define_Com Class(#PRIM_VIEW) Name(#View2) Parent(#ViewContainer) Displayposition(2) Tabposition(2) Height(744) Left(800) Width(1200) Define_Com Class(#PRIM_DLG) Name(#Dialog1) Autoclose(True) Define_Com Class(#PRIM_DLG) Name(#Dialog2) Autoclose(True) Define_Com Class(#prim_md.Label) Name(#Label1) Parent(#View1) Caption('View 1') Displayposition(1) Tabposition(1) Top(0) Left(0) Themedrawstyle('Title') Width(360) Height(48) Define_Com Class(#prim_md.Label) Name(#Label2) Parent(#View2) Caption('View 2') Displayposition(1) Tabposition(1) Top(0) Left(0) Themedrawstyle('Title') Width(360) Height(48) Define_Com Class(#prim_md.Label) Name(#Label3) Parent(#Dialog1) Caption('Dialog 1') Displayposition(1) Tabposition(1) Top(0) Left(0) Themedrawstyle('Title') Width(360) Height(48) Define_Com Class(#prim_md.Label) Name(#Label4) Parent(#Dialog2) Caption('Dialog 2') Displayposition(1) Tabposition(1) Top(0) Left(0) Themedrawstyle('Title') Width(360) Height(48) Define_Com Class(#PRIM_MD.Menu) Name(#Menu) Displayposition(1) Parent(#MenuPopUp) Tabposition(1) Width(278) Layoutmanager(#LayoutMenu) Themedrawstyle('ForegroundTheme') Height(232) Define_Com Class(#PRIM_MD.MenuItem) Name(#ParentItemViews) Caption('Views') Displayposition(1) Left(0) Parent(#Menu) Tabposition(1) Top(0) Width(278) Themedrawstyle('ForegroundTheme') Paddingbottom(4) Paddingtop(4) Define_Com Class(#PRIM_MD.MenuItem) Name(#MenuItemView1) Caption('View 1') Displayposition(2) Height(40) Icon('view_quilt') Left(0) Parent(#Menu) Parentitem(#ParentItemViews) Tabposition(2) Top(36) Width(278) View(#View1) Themedrawstyle('ForegroundTheme') Paddingbottom(4) Paddingtop(4) Define_Com Class(#PRIM_MD.MenuItem) Name(#MenuItemView2) Caption('View 2') Displayposition(3) Height(40) Icon('view_quilt') Left(0) Parent(#Menu) Parentitem(#ParentItemViews) Tabposition(3) Top(76) Width(278) View(#View2) Themedrawstyle('ForegroundTheme') Paddingbottom(4) Paddingtop(4) Define_Com Class(#PRIM_MD.MenuItem) Name(#ParentItemDialogs) Caption('Dialogs') Displayposition(4) Left(0) Parent(#Menu) Tabposition(4) Top(116) Width(278) Themedrawstyle('ForegroundTheme') Paddingbottom(4) Paddingtop(4) Define_Com Class(#PRIM_MD.MenuItem) Name(#MenuItemDialog1) Caption('Dialog 1') Displayposition(5) Height(40) Icon('view_quilt') Left(0) Parent(#Menu) Parentitem(#ParentItemDialogs) Tabposition(5) Top(152) Width(278) Dialog(#Dialog1) Themedrawstyle('ForegroundTheme') Paddingbottom(4) Paddingtop(4) Define_Com Class(#PRIM_MD.MenuItem) Name(#MenuItemDialog2) Caption('Dialog 2') Displayposition(6) Height(40) Icon('view_quilt') Left(0) Parent(#Menu) Parentitem(#ParentItemDialogs) Tabposition(6) Top(192) Width(278) Dialog(#Dialog2) Themedrawstyle('ForegroundTheme') Paddingbottom(4) Paddingtop(4) Define_Com Class(#PRIM_PPNL) Name(#MenuPopUp) Layoutmanager(#LayoutPopUp) Height(234) Left(460) Top(311) Evtroutine Handling(#MenuIcon.Click) #MenuPopUp.ShowPopup Context(#MenuIcon) Endroutine End_Com
| 名前 | 記述 |
|---|---|
| AnimationEnded | アニメーション終了時に起動します フラット ボタン (PRIM_MD.FlatButton) より継承
Cancelled |
| Click | コントロール上でマウスがクリックされた時に起動されます フラット ボタン (PRIM_MD.FlatButton) より継承
Origin, Handled |
| CreateInstance | コンポーネントを作成する時に CreateInstance のイベントを実行します。 フラット ボタン (PRIM_MD.FlatButton) より継承 |
| DestroyInstance | コンポーネントが解除される前に DestroyInstance のイベントを実行します。 フラット ボタン (PRIM_MD.FlatButton) より継承 |
| DragDrop | DragDrop イベントはコンポーネントがドロップされる時に実行されます。 フラット ボタン (PRIM_MD.FlatButton) より継承
PosX, PosY, Source, Payload, AggregatedSource, Origin, Handled, DragResult |
| DragOver | カーソルがコントロールの上を移動するドラッグ アンド ドロップ処理中に起動されます。 フラット ボタン (PRIM_MD.FlatButton) より継承
PosX, PosY, Source, Payload, DragState, AcceptDrop, DragCursor, ShowDropHilight, AggregatedSource, Origin, Handled |
| EndDrag | EndDrag はドラッグ アンド ドロップが完了した時に実行されます。 フラット ボタン (PRIM_MD.FlatButton) より継承
Source, Payload, DragResult, AggregatedSource, Origin, Handled |
| GotFocus | コントロールがフォーカスを受け取ると起動します フラット ボタン (PRIM_MD.FlatButton) より継承 |
| Initialize | Initialize はコンポーネントをロードする時に実行されます。 フラット ボタン (PRIM_MD.FlatButton) より継承 |
| LostFocus | コントロールがフォーカスを失うと起動します フラット ボタン (PRIM_MD.FlatButton) より継承 |
| MouseEnter | コントロールの境界内にマウスが入りました。 フラット ボタン (PRIM_MD.FlatButton) より継承 |
| MouseHover | マウスがコントロール上でホバリングしました。 フラット ボタン (PRIM_MD.FlatButton) より継承
Origin, Handled |
| MouseLeave | マウスがコントロールの境界から出ました。 フラット ボタン (PRIM_MD.FlatButton) より継承 |
| StartDrag | StartDrag はマウスをドラッグした時に実行されます。 フラット ボタン (PRIM_MD.FlatButton) より継承
Source, Payload, Continue, DragList, AggregatedSource, Origin, Handled |
| TouchChange | TouchStart と TouchEnd の境界で繰り返し起動され、タッチ イベントの詳細を提供します。 フラット ボタン (PRIM_MD.FlatButton) より継承
MoveLeft, MoveTop, ScaleWidth, ScaleHeight, Rotation, Continue |
| TouchEnd | ユーザーのタッチが終了した時に起動します。 フラット ボタン (PRIM_MD.FlatButton) より継承 |
| TouchStart | ユーザーにより画面に物理的な接触が最初に行われた時に起動します。 フラット ボタン (PRIM_MD.FlatButton) より継承
Origin, TouchMove, TouchRotate, TouchScale, TouchSize |
| 名前 | 記述 |
|---|---|
| FadeIn | 非表示から表示へのアニメーション コントロール (PRIM_CTRL) より継承
Duration, Delay |
| FadeOut | 表示から非表示へのアニメーション コントロール (PRIM_CTRL) より継承
Duration, Delay, Visible |
| MoveFrom | コントロールを指定位置から現在の位置に移動 コントロール (PRIM_CTRL) より継承
Left, Top, Duration, Delay |
| MoveTo | 指定されたピクセル数の移動をアニメーション化 コントロール (PRIM_CTRL) より継承
Left, Top, Duration, Delay |
| Realize | Realize は動的にコンポーネントを作成するためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
| Scale | サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承
ScaleWidth, ScaleHeight, Duration, Delay |
| SetFocus | SetFocus はコンポーネントにフォーカスをするためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
| ShowMessages | LANSA 内部専用 コントロール (PRIM_CTRL) より継承 |
| SizeTo | コントロール (PRIM_CTRL) より継承
Width, Height, Duration, Delay |
| Unrealize | Unrealize メソッドはコンポーネントを削除するためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
| UpdateDisplay | UpdateDisplay メソッドは画面を直ちに更新します。 コントロール (PRIM_CTRL) より継承 |
EPC142030 February 2019