ウィンドウ (Window)
出典:ArcGIS Experience Builder - Guide - Window
ウィンドウとは
ArcGIS Experience Builder では、ウィンドウはエクスペリエンスの上にコンテンツまたはウィジェットを表示できるパネルです。ウィンドウでは、ユーザーはメインのエクスペリエンスから離れることなく、集中してコンテンツに触れることができます。ウィンドウは固定モーダルまたはアンカー付きポップアップとして表示するように設定できます。
ウィンドウにコンテンツを表示するには、主に 2 つの設定があります。
| ウィンドウ タイプ | 説明 |
|---|---|
| 固定ウィンドウ | 閉じるまでメイン ウィンドウとのインタラクションを無効にするモーダル オーバーレイ。スプラッシュ画面や重要なメッセージによく使われます。 |
| アンカー ウィンドウ | ボタンやテキストなどのウィジェットに固定されたポップアップで、通常、コンテキスト情報やアクションに使用されます。 |
アプリの設定では、ウィンドウはダイアログ プロパティで定義されます。
なぜウィンドウを使うのか
ArcGIS Experience Builder のウィンドウでは、メインのエクスペリエンスからナビゲートすることなく、追加のコンテンツや機能を表示できます。フォーム、メディア、その他のウィジェットを集中的に表示し、ユーザーとのインタラクションやエンゲージメントを高めることができる。
ウィンドウを使用して、次を提供します。
- メインコンテンツから離れることなく、重要な情報や行動を提示します。
- 追加の詳細、フォーム、またはメディアを専用のオーバーレイで表示します。
- ユーザーが別のスペースでウィジェットやコンテンツとやりとりできるようにします。
- 特定のウィジェットからウィンドウをトリガーして、関連情報やオプションを提供します。
ウィンドウの使用方法
ArcGIS Experience Builder でウィンドウを使用する一般的な手順は次のとおりです。
- ウィンドウの追加
エクスペリエンスにウィンドウを追加します。 - ウィンドウの設定
ウィンドウのモード、サイズ、位置を設定します。 - ウィンドウのトリガーを設定
ウィンドウの表示タイミングと表示方法を設定します。
1. ウィンドウの追加
エクスペリエンスにウィンドウを追加するには、以下の手順に従ってください。
- ページ パネルに移動し、ウィンドウ タブを選択し、ウィンドウの追加をクリックします。
- ウィンドウのテンプレートを選択します。
- ウィンドウ タイプを決定します。
- 固定:画面上の固定位置に表示されます。
- アンカー:リンクされたウィジェットに隣接して表示されます。 ウィンドウがエクスペリエンスに追加され、プロパティの設定を開始できます。
2. ウィンドウの設定
ウィンドウのプロパティを設定するには、以下の設定を考慮する必要があります。
位置とサイズ
- 固定ウィンドウの場合は、ページ上の 9 つのアンカー ポイントから 1 つを選択します。
- 幅と高さを
ピクセルまたはパーセントで指定します。 - ウィンドウの位置を調整するには、オフセット X/Y を使用します。
- ウィンドウの周囲にスペースを設定するためにマージンを定義します。
動作設定
- ブロック ページ:ウィンドウがアクティブな間、基礎となるアプリとのインタラクションを防ぎます。
- マスク色:ウィンドウがアクティブなときに、アプリの残りの部分をオーバーレイする色を選択します。
- 終了オプション
- ユーザーがウィンドウの外側をクリックしてウィンドウを閉じられるようにします。
- ウィンドウ内に閉じるボタンを追加します。
3. ウィンドウのトリガーを設定
アプリのロード、ページのロード、ウィジェットとのユーザー インタラクションなどのトリガーを設定することで、ウィンドウがいつ、どのように表示されるかを制御できます。
ウィンドウのトリガーを設定するには、以下の方法を使用できます。
アプリまたはページのロード時
- アプリのロード時に表示されるスプラッシュとしてウィンドウを設定します。
- ウィンドウを特定のページにリンクするには、[ウィンドウで開く] 設定を使用します。
ウィジェット インタラクション
- ウィジェットの設定でリンクを設定オプションを使用して、ユーザー インタラクションでウィンドウを開きます。
- このトリガーでは、スプラッシュ ウィンドウを除いて、アンカー ウィンドウか固定ウィンドウのいずれかを選択します。
ウィンドウ テンプレート
使用するケースに合わせて、さまざまなウィンドウ テンプレートから選択することができます。以下の表は、一般的なテンプレートとその目的をまとめたものです。
| テンプレート | 説明 |
|---|---|
| 固定ブロッカー | 閉じるまで操作をブロックします。 |
| 固定パス スルー | メイン ウィンドウとのインタラクションを許可します。 |
| アンカー | ウィジェットにウィンドウをリンクする場合に適切です。 |