このセクションでは、HUD メッセージの仕掛けで表示するカスタムのタイトル画面の作成方法について説明します。
カスタムのタイトル画面を作成するには、次の手順を実行します。
まず、Size Box ウィジェットを追加して、次にその子として Stack Box ウィジェットを追加します。 Size Box は、Stack Box ウィジェットを配置するためのパネルを提供します。
Overlay ウィジェットを追加して、子として Stack Box に UEFN Text Block ウィジェットを追加します。
Image ウィジェットを追加して、子として Overlay に UEFN Text Block ウィジェットを追加します。
Stack Box ウィジェットの [Details (詳細)] パネルで、次の設定を適用します。
オプション 値 説明 パディング
0.0、0.0、0.0、200.0
ウィジェットの下部に 200 ピクセルのパディングが追加されます。
Horizontal Alignment (水平アライメント)
Center Align Horizontally (水平方向に中央揃え)
ウィジェットが画面中央に配置されます。
Vertical Alignment (垂直アライメント)
Bottom Align Vertically (垂直方向に下揃え)
ウィジェットが画面下部に配置されます。
オリエンテーション
Vertical (垂直)
ウィジェットのコンテンツを垂直に積み重ねます。
Overlay ウィジェットの [Details] パネルで、次の設定を適用します。 オプション 値 説明 パディング 0.0、0.0、0.0、20.0 ウィジェットの下部に 20 ピクセルのパディングが追加されます。 Horizontal Alignment (水平アライメント) Fill Horizontally (水平方向にフィル) ウィジェットが可能な限りスペースを使用して配置されます。 Vertical Alignment (垂直アライメント) Fill Vertically (垂直方向にフィル) ウィジェットが可能な限りスペースを使用して配置されます。
Overlay ウィジェットの子である Image ウィジェットの [Details] パネルで、次の設定を適用します。 オプション 値 説明 Image (画像) T_AmberForestTown_Ceiling タイトルの背景画像を設定します。 Image Size X (画像サイズ X) 620.0 背景の幅を設定します。 Image Size Y (画像サイズ Y) 220.0 背景の高さを設定します。
Overlay ウィジェットの子である UEFN Text Block ウィジェットの [Details] パネルで、次の設定を適用します。 オプション 値 説明 Horizontal Alignment (水平アライメント) Center Align Horizontally (水平方向に中央揃え) ウィジェットがコンテナの中央に配置されます。 Vertical Alignment (垂直アライメント) Center Align Vertically (垂直方向に中央揃え) ウィジェットがコンテナの中央に配置されます。 テキスト Your Title Here (タイトルはこちら) タイトルのテキストを設定します。
Stack Box ウィジェットの子である UEFN Text Block ウィジェットの [Details] パネルで、次の設定を適用します。 オプション 値 説明 Horizontal Alignment (水平アライメント) Center Align Horizontally (水平方向に中央揃え) ウィジェットがコンテナの中央に配置されます。 Vertical Alignment (垂直アライメント) Center Align Vertically (垂直方向に中央揃え) ウィジェットがコンテナの中央に配置されます。 テキスト Your Subtitle Here (サブタイトルはこちら) サブタイトルのテキストを設定します。
保存して、Widget ブループリント の [Compile (コンパイル)] をクリックします。
このカスタム ウィジェットは、このチュートリアルの後続の ステップ 5 で、HUD メッセージの仕掛けに追加します。
