MLM (Multi Layout Manager)
nexacro platformは、様々なサイズを持つデバイスに対応する画面デザインを1つのソースで開発できるようにMLM(Multi Layout Manager)機能を提供します。アプリを構成するフォームは、画面サイズに応じて、複数のレイアウトを使用することができ、サブレイアウトを使用すると、内部的なコンポーネントまで詳細に再配置することができます。また、モバイルデバイス上でステップ機能を活用すれば、最適化された画面を構成することができます。
Layout
レイアウトを編集できるコンポーネントは、基本的に「default」という名前のレイアウトを持ちます。Formの作成時にレイアウトを追加することができ、生成した後は、マウス右クリックして表示されるメニューからレイアウトを追加/削除することができます。
「default」レイアウトは、削除または変更することはできません。
プロパティ | 説明 | |
---|---|---|
1 | Add Layout | レイアウトを追加します。 |
2 | Copy & Add Layout | 選択したレイアウト情報をコピーして、新しいレイアウトを追加します。 |
3 | Delete Layout | 選択したレイアウトを削除します。 |
4 | Rename Layout | 選択したレイアウト名を変更します。 |
5 | View | レイアウト情報を表示します。 (Name、Screen、Size項目を選択) 「default」レイアウトはName項目を非表示に設定してもdefaultという文字列が表示されます。 |
Layoutツールバー
編集する画面のLayoutを基準にレイアウトを選択して編集することができるツールバーを提供します。
ツールバーは、レイアウトの3つの情報を表示しています。
Screenタイプによるレイアウトのアイコン表示
(none, desktop, tablet, phone, desktop + tablet, desktop + phone, tablet + phone, all)
レイアウト名
サイズ(幅 x 高さ)
ツールバーのツールチップでは、ツールバーの情報を含めて追加情報を表示します。
screenid
stepcount
stepindex
description
ツールバーのレイアウトを選択すると、レイアウト編集画面に変更されます。
Div, PopupDiv, Tabpage Layout
Div、PopupDiv、Tabpageコンポーネントは、別途のレイアウトを持たず、Formレイアウトを従います。コンポーネントをダブルクリックするか、マウス右クリックして、メニューの[Edit]項目を選択すると、該当コンポーネントに含まれた画面の配置を変更することができます。
コンポーネントのurlプロパティ値を指定して他のFormをリンクした場合は、接続されたFormを編集できるように開きます。
レイアウトツールチップ
コンポーネントのurlプロパティ値を指定して、他のFormを接続した場合には、nexacro studioデザインモードで関連情報をツールチップ形式で提供します。コンポーネントが重なっている場合には、重なったコンポーネントに関連するすべての情報を提供します。
プロパティ値の色表示
色 | 情報 |
---|---|
太字 | 「default」レイアウトで編集した値 |
青 | 追加されたレイアウトで編集した値 (該当レイアウトを選択した場合に青色で表示されます。) |
Initialize
指定されたプロパティ値を使用し、以降はユーザーが入力するか、実行中の変更値を使用する必要がある場合があります。そのような項目の値は、Init Infoプロパティで別途管理します。プロパティ値の中で Layout Informationに該当する値を除いた残りの値の中で一部の項目のみを編集することができます。
編集画面では、Init Valueが適用されません。値の適用は、実際の実行によって確認することができます。
Step
Stepとは、複数の画面に分割されたページを一つのフォームで開発することができる機能を意味します。フォームの stepcountプロパティ値を調整すると、以下の図のように Stepが表示されます。
現在編集中のステップの領域を表示します。マウスポインタの位置によって、編集領域が変更されます。
各ステップの領域は青色の点線で区切られて表示されます。
複数のステップを作っても、フォームのサイズは変わりません。実行時には、一つの分割画面のみが表示され、ユーザーの操作によって、ステップを移動することになります。
デザインフォームの画面でコンポーネントを別のStepへ移動すると、positionstep値が変更され、position値が該当Stepに合わせて調整されます。
ただし、直接positionプロパティ値を現在のStep領域外に指定してStep領域を離れる場合には、positionstep値が変更されません。
stepcount
プロパティ | 説明 | |
---|---|---|
1 | Add Step | Stepを追加します。 stepcountプロパティ値が1増加します。 |
2 | Delete Step | Stepを削除します。 stepcountプロパティ値が1減少します。 |
3 | Add/Delete Step | ボタンのクリックする際にStepを追加・減少します。 入力ウィンドウに直接Step数を指定することができます。 |