UI
ページとゲーム UI を作成し、キャンバス上でレイアウトし、部品をコンポーネントとして再利用する
UI パネルには、プロジェクト内のすべてのインターフェースが収められています。Interface Type（インターフェースの種類）で、リストを 2 つの種類の間で切り替えます。
| 種類 | 内容 | サイズ |
|---|---|---|
| Page（ページ） | タイトル、設定、セーブ、履歴、ギャラリーなどの完全な画面 | ページ作成時に指定 |
| Game UI（ゲーム UI） | ダイアログ、選択肢、HUD、ショートカット、通知など、実際のゲームプレイに属するインターフェース | プロジェクトの解像度 |
Game UI はスロットの中に作成され、各スロットには 1 つのインターフェースが収まります。すべてのスロットが埋まっている場合は、新たに作成せずリストから既存の Game UI を開いてください。
ページと Game UI は、名前の変更、複製、削除ができます。削除すると、その中の要素もすべて取り除かれます。
キャンバス
インターフェースはタブとして開きます。左側に UI Outline、中央にキャンバス、右側に Properties、下側に挿入バーが並びます。
- 挿入バーからウィジェットを選び、キャンバス上でクリックまたはドラッグして配置します。
- ウィジェットはドラッグで移動し、ハンドルでサイズを変更します。Smart Snap は、ウィジェットをキャンバスの端、中心線、近くのウィジェットに合わせて整列させます。
- 整列ツールは、選択範囲のバウンディングボックスを基準に動作します。
- フレームコントロールは、対象デバイスのセーフエリアをキャンバス上に描画し、再生ボタンはそのインターフェースを Dev Mode で開きます。
キャンバスは決してクロップしません。ランタイムは常にステージ全体をウィンドウ内に収めるため、セーフエリアの外側にある内容も、一部のデバイスでは表示され続けます。
Auto fit（自動縮小）
Text（テキスト）ウィジェットは、描画されるボックスに収まるまでコンテンツを縮小できます。Typography（タイポグラフィ）でAuto fit（自動縮小）をオンにすると、ウィジェットに設定したサイズが上限になり、テキストがSmallest size（最小サイズ）まで、全体が収まるサイズに縮小されます。Smallest sizeでも収まらないテキストは切り詰められます。
Smallest sizeは、Auto fitがオンの間だけ表示されます。この 2 つのプロパティはキャンバス上と実行中のゲームの両方で有効で、Sentence（センテンス）とNVL Texts（NVL テキスト）ウィジェットにも備わっています。
Sentence（センテンス）ウィジェットは、初期状態でAuto fitがオンになっています。台詞は 1 度だけ書かれ、そのゲームが出荷するすべての言語で表示されるためです。テキストはウィジェットに設定したサイズのまま表示され、ボックスの端に達すると、以降タイプされる残りの文字に応じてサイズが縮小していきます。
コンポーネント
選択した内容はComponent Library（コンポーネントライブラリ）に保存し、別の場所に再配置できます。一群のウィジェットをコピーではなく再利用したい場合は、コンポーネントを使います。
ビヘイビア
ウィジェットの動作は、キャンバス上ではなくブループリントに記述します。各インターフェースは独自のブループリントを持ち、プロジェクト全体には共通のブループリントが 1 つあります。詳細は ブループリント を参照してください。