画面の種類

画面/コンテンツの操作方法やオブジェクトの配置方法には、次の種類があります。

Type 説明
キャンバス

画面サイズは、選択した表示器の画面サイズと同じです。画面サイズの変更はできません。配置したオブジェクトは、そのままのサイズで表示器に表示されます。

コンテンツは、左上を原点として、表示器と同じ大きさの部分のみが表示されます。

スクロールキャンバス

スクロールジェスチャーまたはスイッチを使用して画面をスクロールできます。

表示する情報が表示器の画面サイズより大きい場合、または画面サイズが表示領域より大きい場合に使用します。

ズームキャンバス ピンチイン/ピンチアウトジェスチャーまたはスイッチを使用して画面/コンテンツを縮小/拡大表示できます。
ビューボックス

ヘッダー/フッターを除いた表示領域にあわせて、画面の表示サイズが自動的に調整されます。

コンテンツの場合、コンテンツ表示器のサイズに合わせてコンテンツの表示サイズが自動的に調整されます。

グリッド

セルにオブジェクトを配置できます。グリッドの行数と列数、各行の高さや各列の幅を設定することで、オブジェクトのサイズを調整します。

画面の表示サイズは、ヘッダーおよびフッターを除いた表示領域に合わせて自動的に調整されます。

スクロールグリッド グリッドとスクロールキャンパスの特徴を併せ持った画面です。
ドックパネル この画面は、オブジェクトの位置とサイズを自動的に調整します。配置したオブジェクトを画面の上、下、左、右の辺から積み重ねるように整列できます。最後に配置したオブジェクトは使用していない残りの領域を占めるサイズに調整されます。
スタックパネル

この画面は、オブジェクトの位置とサイズを自動的に調整します。

オブジェクトが垂直方向 (上→下) または水平方向 (左→右) に積み重ねるように整列されます。

ユニフォームグリッド

この画面は、オブジェクトの位置とサイズを自動的に調整します。

配置したすべてのオブジェクトのサイズが等しくなります。

行数や列数を設定した場合は、オブジェクトは左上から右方向に順に配置されます。

行数や列数を設定していない場合は、画面に配置したオブジェクトの数に従って画面を分割するようにオブジェクトのサイズと位置が自動的に調整されます。

MEMO:

スクロールキャンバス

スクロールキャンバスは、表示器の実際の画面サイズよりも必要なコンテンツサイズが大きいときに使用します。

スクロールジェスチャーまたはスイッチを使用して画面をスクロールできます。

ズームキャンバス

ズームキャンバスでは、スイッチまたはピンチイン/ピンチアウトジェスチャーで画面を拡大/縮小できます。スクロールジェスチャーまたはスイッチを使用して画面をスクロールすることもできます。

この機能を使用して、画面内のオブジェクトをより詳細に表示したり、オブジェクトを縮小してより多く画面に表示できます。

ビューボックス

ビューボックスでは、描画領域またはコンテンツ表示器のような表示領域に合わせて画面が自動的に調整されます。

次の動画で、ビューボックスとキャンバスの動作が参照できます。

グリッド

グリッドでは、セルにオブジェクトを配置できます。

グリッドの行数と列数、各行の高さや各列の幅を設定することで、オブジェクトのサイズを調整します。複数のセルにまたがってオブジェクトを配置することもできます。

描画領域またはコンテンツ表示器の表示領域に合わせて画面表示が自動的に調整されます。ただし、テキストボックスやその他のオブジェクトに設定した文字列のフォントサイズは調整されません。

次の動画で、グリッドとキャンバスの動作が参照できます。

スクロールグリッド

スクロールグリッドは、グリッドとスクロールキャンバスの特徴を併せ持っています。

オブジェクトの配置方法はグリッドと同様です。それ以外はスクロールキャンバスと同様です。

ドックパネル

ドックパネルでは、配置したオブジェクトを画面の上、下、左、右の端に積み重ねるように整列できます

最後に配置したオブジェクトは使用していない残りの領域を占めるサイズに調整されます。

MEMO:

  • 積み重ね順序を変更するには、[オブジェクト一覧] でオブジェクトの配置順を変更します。
  • 画面上に配置されたオブジェクトに可視アニメーション (Visibility) を設定すると、オペレーション中にオブジェクトの位置を変更できます。
    可視アニメーション設定時の動作

ドックパネルにオブジェクトを描画する

スタックパネル

スタックパネルでは、オブジェクトは垂直方向 (上から下) または水平方向 (左から右) に積み重ねて配置されます。

積み重ねたオブジェクトが画面サイズを超える場合、オブジェクトは画面領域外に配置されます。

スクロールジェスチャーまたはスイッチを使用して画面をスクロールできます。

MEMO:

  • 積み重ね順序を変更するには、[オブジェクト一覧] でオブジェクトの配置順を変更します。
  • 画面上に配置されたオブジェクトに可視アニメーション (Visibility) を設定すると、オペレーション中にオブジェクトの位置を変更できます。
    可視アニメーション設定時の動作

スタックパネルにオブジェクトを描画する

ユニフォームグリッド

ユニフォームグリッドでは、配置したすべてのオブジェクトのサイズが等しくなります。

行数や列数を設定した場合は、オブジェクトは左上から右方向に順に配置されます。右端まで配置されると次の行に配置されます。

行数や列数を設定していない場合は、画面に配置したオブジェクトの数に従って画面を分割するようにオブジェクトのサイズと位置が自動的に調整されます。

MEMO:

  • オブジェクトのサイズを変更すると、グリッドの行数と列数を変更しても、オブジェクトのサイズは自動的に調整されなくなります。
  • オブジェクトの配置位置を変更するには、[オブジェクト一覧] でオブジェクトの配置順を変更します。
  • 画面上に配置されたオブジェクトに可視アニメーション (Visibility) を設定すると、オペレーション中にオブジェクトの位置を変更できます。
    可視アニメーション設定時の動作

ユニフォームグリッドにオブジェクトを描画する