【UE5 マルチプレイヤーオンラインチュートリアル】02-ゲームメニューコントロールの開始

目次

ステップ

1. ゲーム開始メニューのコントロールを改善

第二に、制御機能の実現

2.1 「ゲーム開始」ボタンでインターフェースを切り替える

2.2 「ルームの作成」ボタンと「ルームに参加」ボタンの切り替えインターフェース

2.3 「ルーム作成」ボタン


ステップ

1. ゲーム開始メニューのコントロールを改善

「UMG_メイン」を開きます

 まず、キャンバス パネルをコントロール スイッチャーの周囲に巻き付けます。

 次に、コントロールスイッチャーを全画面に調整します

 背景画像コントロールをコントロールスイッチャーと同じレベルに移動します

 コントロールスイッチャーに別のキャンバスパネルを追加する

このキャンバス パネルに垂直ボックスを追加します

垂直ボックスの子としてサイズのボックスをもう 1 つ追加します

 サイズボックスに別のキャンバスパネルに戻るボタンを追加しました。

サイズ ボックスの下に空行として別のサイズ ボックスを追加します。

 別のサイズのボックスを追加し、ボタンを 2 つ追加します

サイズボックスを追加してください

水平ボックス内のサイズ ボックスは 4:1:4 の充填率で充填されます。

 3 つのサイズ ボックスの最初にコントロール トグルと垂直ボックスを追加します。

 人数を切り替えるには、垂直ボックスに「テキストの切り替え」コントロールを追加します。「テキストの切り替え」配列で切り替えオプションを設定する必要があります。

同様に、ネットワークを切り替える「Switch Text」コントロールを追加します。

 ボタンを追加する

テキストコントロールを追加する

 ゲーム作成用のパネルを作成したら、ゲームに参加するためのパネルの作成を開始します

 次の 2 つのコントロールを追加します

 別のスクロール ボックスと垂直ボックスを追加して、部屋のリストを表示します。

 プロンプト情報を表示するには、3 番目のサイズのボックスに 2 つのテキスト コントロールを追加します。

第二に、制御機能の実現

2.1 「ゲーム開始」ボタンでインターフェースを切り替える

クリックしてゲームを開始すると、インターフェイスが 2 つのキャンバス パネルに切り替わります。

 グラフに次のノードを追加して、[ゲーム開始] ボタンをクリックしてコントロール スイッチャーをインデックス 1 のキャンバス パネルに切り替えることを実現します。

 戻るボタンをクリックすると、コントロール スイッチャーはインデックス 0 のキャンバス パネルに切り替わります。

 この時点で、ゲームを実行すると次のように切り替えることができます。

2.2 「ルームの作成」ボタンと「ルームに参加」ボタンの切り替えインターフェース

以下の「ルームの作成」ボタンと「ルームに参加」ボタンのクリック イベントを追加します。これら 2 つのボタンは、ルームの作成またはルームに参加するためのキャンバス パネルを表示するためにのみ使用されます。

 ボタンがアクティブになっていないときにボタンの背景色を完全に透明に設定します。

アクティブ化すると完全に透明になります

 クリック後のボタンのアクティブ化状態を変更する

2.3 「ルーム作成」ボタン

ルーム作成ボタンのクリックイベントを増やす

(つづく..)

おすすめ

転載: blog.csdn.net/ChaoChao66666/article/details/131821952